Improved implmentation

.gitignore

@@ -8,6 +8,7 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
+archive
 .DS_Store
 dist
 dist-ssr

package.json

@@ -25,6 +25,7 @@
     "eslint-plugin-vue": "^9.29.0",
     "prettier": "^3.3.3",
     "vite": "^5.4.8",
+    "vite-plugin-pwa": "^0.20.5",
     "vite-plugin-vue-devtools": "^7.4.6"
   }
 }

src/components/Footer.vue

@@ -12,9 +12,9 @@
       <div class="footer-section">
         <h4 class="footer-subtitle">Quick Links</h4>
         <nav class="footer-links">
-          <RouterLink to="/" class="footer-link">Home</RouterLink>
+          <!-- <RouterLink to="/" class="footer-link">Home</RouterLink> -->
           <RouterLink to="/about" class="footer-link">About</RouterLink>
-          <RouterLink to="/converter" class="footer-link">Converter</RouterLink>
+          <RouterLink to="/" class="footer-link">Converter</RouterLink>
         </nav>
       </div>
     </div>

src/components/Header.vue

@@ -3,9 +3,9 @@
     <nav class="nav-container">
       <RouterLink to="/" class="logo"> Writing Assistant </RouterLink>
       <div class="nav-links">
-        <RouterLink to="/" class="nav-link">Home</RouterLink>
-        <RouterLink to="/about" class="nav-link">About</RouterLink>
-        <RouterLink to="/converter" class="nav-link">Converter</RouterLink>
+        <!-- <RouterLink to="/" class="nav-link">Home</RouterLink> -->
+        <!-- <RouterLink to="/converter" class="nav-link">Converter</RouterLink> -->
+        <!-- <RouterLink to="/about" class="nav-link">About</RouterLink> -->
         <a
           href="https://github.com/Amaan-Samar/chinese-writing-assistant"
           target="_blank"

src/router/index.js

@@ -1,24 +1,24 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
+// import HomeView from '../views/HomeView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
     {
       path: '/',
-      name: 'home',
-      component: HomeView,
+      name: 'converter',
+      component: () => import('../views/FontConverter.vue'),
     },
     {
       path: '/about',
       name: 'about',
       component: () => import('../views/AboutView.vue'),
     },
-    {
-      path: '/converter',
-      name: 'converter',
-      component: () => import('../views/FontConverter.vue'),
-    },
+    // {
+    //   path: '/converter',
+    //   name: 'converter',
+    //   component: () => import('../views/FontConverter.vue'),
+    // },
   ],
 })
 

vite.config.js

@@ -1,8 +1,9 @@
 import { defineConfig } from 'vite'
+import { VitePWA } from 'vite-plugin-pwa'
 import vue from '@vitejs/plugin-vue'
 
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [vue(), VitePWA({ registerType: 'autoUpdate' })],
   base: '/chinese-writing-assistant/',
   build: {
     outDir: 'dist',