chore: update deps

.vscode/settings.json

@@ -25,6 +25,7 @@
   // Silent the stylistic rules in you IDE, but still auto fix them
   "eslint.rules.customizations": [
     { "rule": "style/*", "severity": "off" },
+    { "rule": "prettier/*", "severity": "off" },
     { "rule": "*-indent", "severity": "off" },
     { "rule": "*-spacing", "severity": "off" },
     { "rule": "*-spaces", "severity": "off" },

eslint.config.js

@@ -1,7 +1,11 @@
 import antfu from '@antfu/eslint-config'
-import unocss from '@unocss/eslint-plugin'
 
 export default antfu(
-  {},
+  {
-  unocss.configs.flat,
+    unocss: true,
+    prettier: {
+      css: true,
+      html: true,
+    },
+  },
 )

index.html

@@ -1,23 +1,28 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
+  <head>
-  <meta charset="UTF-8">
+    <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <link rel="apple-touch-icon" href="/pwa-192x192.png">
+    <link rel="apple-touch-icon" href="/pwa-192x192.png" />
-  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00aba9">
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00aba9" />
-  <meta name="msapplication-TileColor" content="#00aba9">
+    <meta name="msapplication-TileColor" content="#00aba9" />
-  <script>
+    <script>
-    (function () {
+      ;(function () {
-      const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
+        const prefersDark =
-      const setting = localStorage.getItem('vueuse-color-scheme') || 'auto'
+          window.matchMedia &&
-      if (setting === 'dark' || (prefersDark && setting !== 'light'))
+          window.matchMedia('(prefers-color-scheme: dark)').matches
-        document.documentElement.classList.toggle('dark', true)
+        const setting = localStorage.getItem('vueuse-color-scheme') || 'auto'
-    })()
+        if (setting === 'dark' || (prefersDark && setting !== 'light'))
-  </script>
+          document.documentElement.classList.toggle('dark', true)
-</head>
+      })()
-<body class="font-sans">
+    </script>
-  <div id="app"></div>
+  </head>
-  <script type="module" src="/src/main.ts"></script>
+  <body class="font-sans">
-  <noscript>This website requires JavaScript to function properly. Please enable JavaScript to continue.</noscript>
+    <div id="app"></div>
-</body>
+    <script type="module" src="/src/main.ts"></script>
+    <noscript>
+      This website requires JavaScript to function properly. Please enable
+      JavaScript to continue.
+    </noscript>
+  </body>
 </html>

package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "private": true,
-  "packageManager": "pnpm@8.10.5",
+  "packageManager": "pnpm@8.11.0",
   "scripts": {
     "build": "vite-ssg build",
     "dev": "vite --port 3333 --open",
@@ -17,60 +17,61 @@
     "sizecheck": "npx vite-bundle-visualizer"
   },
   "dependencies": {
-    "@unhead/vue": "^1.8.4",
+    "@unhead/vue": "^1.8.8",
-    "@unocss/reset": "^0.57.6",
+    "@unocss/reset": "^0.57.7",
     "@vueuse/core": "^10.6.1",
     "@vueuse/head": "^2.0.0",
     "nprogress": "^0.2.0",
     "pinia": "^2.1.7",
-    "vue": "^3.3.8",
+    "vue": "^3.3.9",
     "vue-demi": "^0.14.6",
-    "vue-i18n": "^9.7.0",
+    "vue-i18n": "^9.8.0",
     "vue-router": "^4.2.5"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.0.0",
+    "@antfu/eslint-config": "^2.2.0",
-    "@iconify-json/carbon": "^1.1.21",
+    "@antfu/eslint-plugin-prettier": "5.0.1-1",
+    "@iconify-json/carbon": "^1.1.24",
     "@intlify/unplugin-vue-i18n": "^1.5.0",
     "@types/markdown-it-link-attributes": "^3.0.4",
     "@types/nprogress": "^0.2.3",
-    "@unocss/eslint-config": "^0.57.6",
+    "@unocss/eslint-config": "^0.57.7",
-    "@vitejs/plugin-vue": "^4.5.0",
+    "@vitejs/plugin-vue": "^4.5.1",
-    "@vue-macros/volar": "^0.17.3",
+    "@vue-macros/volar": "^0.17.4",
-    "@vue/test-utils": "^2.4.2",
+    "@vue/test-utils": "^2.4.3",
     "critters": "^0.0.20",
     "cross-env": "^7.0.3",
-    "cypress": "^13.5.1",
+    "cypress": "^13.6.0",
-    "cypress-vite": "^1.4.2",
+    "cypress-vite": "^1.5.0",
-    "eslint": "^8.54.0",
+    "eslint": "^8.55.0",
     "eslint-plugin-cypress": "^2.15.1",
     "https-localhost": "^4.7.1",
     "lint-staged": "^15.1.0",
     "markdown-it-link-attributes": "^4.0.1",
-    "markdown-it-shikiji": "^0.6.13",
+    "markdown-it-shikiji": "^0.7.6",
-    "pnpm": "^8.10.5",
+    "pnpm": "^8.11.0",
-    "rollup": "^4.5.0",
+    "rollup": "^4.6.1",
-    "shikiji": "^0.6.13",
+    "shikiji": "^0.7.6",
     "simple-git-hooks": "^2.9.0",
-    "taze": "^0.12.0",
+    "taze": "^0.13.0",
     "typescript": "^5.3.2",
-    "unocss": "^0.57.6",
+    "unocss": "^0.57.7",
-    "unplugin-auto-import": "^0.16.7",
+    "unplugin-auto-import": "^0.17.1",
     "unplugin-vue-components": "^0.25.2",
     "unplugin-vue-macros": "^2.7.0",
     "unplugin-vue-markdown": "^0.25.2",
     "unplugin-vue-router": "^0.7.0",
-    "vite": "^5.0.0",
+    "vite": "^5.0.4",
     "vite-bundle-visualizer": "^0.11.0",
-    "vite-plugin-inspect": "^0.7.42",
+    "vite-plugin-inspect": "^0.8.1",
-    "vite-plugin-pwa": "^0.17.0",
+    "vite-plugin-pwa": "^0.17.2",
     "vite-plugin-vue-devtools": "^1.0.0-rc.5",
     "vite-plugin-vue-layouts": "^0.8.0",
     "vite-plugin-webfont-dl": "^3.9.1",
     "vite-ssg": "^0.23.5",
     "vite-ssg-sitemap": "^0.6.1",
-    "vitest": "^1.0.0-beta.5",
+    "vitest": "^1.0.0-beta.6",
-    "vue-tsc": "^1.8.22"
+    "vue-tsc": "^1.8.24"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged"

src/layouts/README.md

@@ -7,8 +7,5 @@ By default, `default.vue` will be used unless an alternative is specified in the
 With [`unplugin-vue-router`](https://github.com/posva/unplugin-vue-router) and [`vite-plugin-vue-layouts`](https://github.com/JohnCampionJr/vite-plugin-vue-layouts), you can specify the layout in the page's SFCs like this:
 
 ```html
-<route lang="yaml">
+<route lang="yaml"> meta: layout: home </route>
-meta:
-  layout: home
-</route>
 ```

src/styles/main.css

@@ -18,7 +18,7 @@ html.dark {
 }
 
 #nprogress .bar {
-  background: rgb(13,148,136);
+  background: rgb(13, 148, 136);
   opacity: 0.75;
   position: fixed;
   z-index: 1031;