Update unocss

src/components/Footer.vue

@@ -11,23 +11,23 @@ const toggleLocales = () => {
 <template>
   <nav class="text-xl m-6 flex justify-center">
     <RouterLink class="icon-btn mx-2" to="/" :title="t('button.home')">
-      <div i-carbon-campsite />
+      <div class="i-carbon-campsite" />
     </RouterLink>
 
     <button class="icon-btn mx-2 !outline-none" :title="t('button.toggle_dark')" @click="toggleDark()">
-      <div i="carbon-sun dark:carbon-moon" />
+      <div class="i-carbon-sun dark:i-carbon-moon" />
     </button>
 
     <a class="icon-btn mx-2" :title="t('button.toggle_langs')" @click="toggleLocales()">
-      <div i-carbon-language />
+      <div class="i-carbon-language" />
     </a>
 
     <RouterLink class="icon-btn mx-2" to="/about" :title="t('button.about')">
-      <div i-carbon-dicom-overlay />
+      <div class="i-carbon-dicom-overlay" />
     </RouterLink>
 
     <a class="icon-btn mx-2" rel="noreferrer" href="https://git.thehrz.net/thehrz/19yuke2-vue" target="_blank" title="Gitea">
-      <div i-simple-icons-gitea />
+      <div class="i-simple-icons-gitea" />
     </a>
   </nav>
 </template>

src/components/Nav.vue

@@ -21,15 +21,17 @@ export default {
 
 <template>
   <v-app-bar :theme="isDark ? 'dark' : 'light'" class="!static">
-    <v-app-bar-nav-icon />
+    <v-app-bar-nav-icon class="md:hidden" />
+
+    <img class="w-40px" src="/favicon.svg">
 
     <router-link to="/">
-      <v-toolbar-title c-coolgray-700 font-bold>
+      <v-toolbar-title class="c-coolgray-700 font-bold">
         合肥市南园学校19预科2班
       </v-toolbar-title>
     </router-link>
 
-    <div mx-1 hidden md:block>
+    <div class="mx-1 hidden md:block">
       <v-btn v-for="(page, index) in pages" :key="index" class="m-1" :to="page.page">
         {{ page.title }}
       </v-btn>

src/pages/about.md

@@ -1,5 +1,5 @@
 <div class="text-center">
-  <div i-carbon-dicom-overlay class="text-4xl -mb-6 m-auto" />
+  <div class="i-carbon-dicom-overlay text-4xl -mb-6 m-auto" />
   <h3>关于本站</h3>
 </div>
 

unocss.config.ts

@@ -1,6 +1,5 @@
 import {
   defineConfig,
-  presetAttributify,
   presetIcons,
   presetTypography,
   presetUno,
@@ -21,7 +20,6 @@ export default defineConfig({
   ],
   presets: [
     presetUno(),
-    presetAttributify(),
     presetIcons({
       scale: 1.2,
       warn: true,