更新各套件版本

connectshark · Oct 1, 2024 · 9ef8629 · 9ef8629
1 parent 72b5f84
commit 9ef8629
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 13 deletions.
diff --git a/index.html b/index.html
@@ -5,11 +5,11 @@
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
-    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Poppins&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700&display=swap" rel="stylesheet">
     <title>vue & tailwindcss template</title>
   </head>
   <body>
-    <div id="app" class=" bg-primary/5 min-h-svh"></div>
+    <div id="app" class="bg-primary/5 min-h-svh font-main"></div>
     <script type="module" src="/src/main.js"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -17,17 +17,17 @@
     "url": "https://github.com/connectshark"
   },
   "dependencies": {
-    "pinia": "^2.1.7",
-    "vue": "^3.4.29",
-    "vue-router": "^4.3.3"
+    "pinia": "^2.2.2",
+    "vue": "^3.5.8",
+    "vue-router": "^4.4.5"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.5",
-    "autoprefixer": "^10.4.19",
-    "postcss": "^8.4.38",
-    "tailwindcss": "^3.4.3",
-    "unplugin-vue-router": "^0.10.2",
-    "vite": "^5.3.1",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.13",
+    "unplugin-vue-router": "^0.10.8",
+    "vite": "^5.4.7",
     "vite-plugin-vue-devtools": "^7.3.1"
   }
 }
diff --git a/src/App.vue b/src/App.vue
@@ -2,5 +2,13 @@
 </script>
 
 <template>
-  <router-view />
+  <header>
+
+  </header>
+  <main>
+    <router-view />
+  </main>
+  <footer>
+
+  </footer>
 </template>
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -8,8 +8,11 @@ export default {
     extend: {
       colors: {
         primary: 'rgb(var(--color-primary) / <alpha-value>)'
+      },
+      fontFamily: {
+        'main': [`Zen Maru Gothic`, 'system-ui', `Arial`, `Helvetica`, `sans-serif`, 'sans-serif', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas']
       }
-    },
+    }
   },
   plugins: [],
 }