chore: footer icon

components/Footer.vue

@@ -16,8 +16,8 @@ const footer = useFoot()
         {{ $t(col.title) }}
       </h5>
 
-      <LocaleNuxtLink v-for="(item, i) in col.child" :key="i" class="font-bold" :href="item.link.href">
+      <LocaleNuxtLink v-for="(item, i) in col.child" :key="i" class="flex gap-2 font-bold" :href="item.link.href">
-        {{ $t(item.link.name) }}
+        <span :class="item.icon" />{{ $t(item.link.name) }}
       </LocaleNuxtLink>
     </div>
   </div>

config/use-foot.ts

@@ -58,12 +58,14 @@ export function useFoot() {
         title: 'foot.links[2].group',
         child: [
           {
+            icon: 'i-ic-sharp-wechat',
             link: {
               name: 'foot.links[2].link[0]',
               href: '#',
             },
           },
           {
+            icon: 'i-ri-twitter-fill',
             link: {
               name: 'foot.links[2].link[1]',
               href: '#',

uno.config.ts

@@ -66,6 +66,8 @@ export default defineConfig({
     'i-tabler-3d-cube-sphere',
     'i-tabler-api-app',
     'i-tabler-apple',
+    'i-ic-sharp-wechat',
+    'i-ri-twitter-fill',
   ],
   presets: [
     presetAnu(),