chore: update deps

src/components/Footer.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
-import { isDark } from '~/logics'
+import { isDark, toggleDark } from '~/logics'
 
 const { t, availableLocales, locale } = useI18n()
 
@@ -17,7 +17,7 @@ const toggleLocales = () => {
       <carbon-campsite />
     </router-link>
 
-    <a class="icon-btn mx-2" :title="t('button.toggle_dark')" @click="isDark = !isDark">
+    <a class="icon-btn mx-2" :title="t('button.toggle_dark')" @click="toggleDark">
       <carbon-moon v-if="isDark" />
       <carbon-sun v-else />
     </a>

src/logics/dark.ts

@@ -1,5 +1,5 @@
 import { watch, computed } from 'vue'
-import { usePreferredDark } from '@vueuse/core'
+import { usePreferredDark, useToggle } from '@vueuse/core'
 import { colorSchema } from './store'
 
 const preferredDark = usePreferredDark()
@@ -16,6 +16,8 @@ export const isDark = computed({
   },
 })
 
+export const toggleDark = useToggle(isDark)
+
 watch(
   isDark,
   v => typeof document !== 'undefined' && document.documentElement.classList.toggle('dark', v),

src/logics/index.ts

@@ -1,2 +1 @@
 export * from './dark'
-export * from './store'

src/pages/about.md

@@ -2,14 +2,13 @@
 title: About
 ---
 
-<div class="text-4xl text-center -mb-4">
+<div class="text-center">
   <!-- You can use Vue components inside markdown -->
-  <carbon-dicom-overlay class="inline-block" />
+  <carbon-dicom-overlay class="text-4xl -mb-6 m-auto" />
+  <h3>About</h3>
 </div>
 
-### About
-
-[Vitesse](https://github.com/antfu/vitesse) is an opinionated [Vite](https://github.com/vitejs/vite) starter template made by [@antfu](https://github.com/antfu) for mocking apps swiftly. It has **file-based routing**, **components auto importing**, **markdown support**, I18n, PWA and uses **Tailwind** v2 for UI.
+[Vitesse](https://github.com/antfu/vitesse) is an opinionated [Vite](https://github.com/vitejs/vite) starter template made by [@antfu](https://github.com/antfu) for mocking apps swiftly. With **file-based routing**, **components auto importing**, **markdown support**, I18n, PWA and uses **Tailwind** v2 for UI.
 
 ```js
 // syntax highlighting example