feat: 添加网站图标、标题

app.vue

@@ -180,7 +180,7 @@ onMounted(() => {
       >
         <NuxtLink to="/" class="flex items-center">
           <Icon
-            name="s:spark"
+            name="sp:spark"
             class="text-4xl mr-2 s-color-primary-color"
             mode="svg"
           />
@@ -230,7 +230,7 @@ onMounted(() => {
     >
       <div class="flex flex-col items-start gap-6">
         <Icon
-          name="s:spark"
+          name="sp:spark"
           class="grow"
           mode="svg"
           :style="{

nuxt.config.ts

@@ -21,9 +21,25 @@ export default defineNuxtConfig({
         prefix: "s",
         dir: "./assets/icons",
       },
+      {
+        prefix: "sp",
+        dir: "./public/icon",
+      },
     ],
   },
   css: ["~/assets/css/main.css"],
+  app: {
+    head: {
+      title: "Spark Store",
+      link: [
+        {
+          rel: "icon",
+          type: "image/svg+xml",
+          href: "/icon/spark.svg",
+        },
+      ],
+    },
+  },
   vite: {
     plugins: [tailwindcss()],
   },

pages/index.vue

@@ -318,7 +318,7 @@ onMounted(() => {
       <div class="flex flex-col gap-3">
         <div class="flex items-center gap-6">
           <Icon
-            name="s:spark"
+            name="sp:spark"
             class="text-6xl s-color-primary-500"
             mode="svg"
           />
@@ -543,7 +543,7 @@ onMounted(() => {
         }"
       >
         <Icon
-          name="s:spark"
+          name="sp:spark"
           class="absolute top-1/2 -translate-y-1/2 s-color-primary-500"
           mode="svg"
           :style="{