chore: update PWA configuration + hash history

kaandesu · Apr 23, 2023 · e42ba5b · e42ba5b
1 parent 5968325
commit e42ba5b
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,11 @@
   <head>
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
+    <meta name="description" content="Vue3 Template">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="mask-icon" href="/favicon-dark.svg" color="#FFFFFF">
+    <meta name="theme-color" content="#ffffff">
     <title>Vite App</title>
   </head>
   <body>

diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
diff --git a/src/router/index.ts b/src/router/index.ts
@@ -1,8 +1,8 @@
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
 
 const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
+  history: createWebHashHistory(import.meta.env.BASE_URL),
   routes: [
     {
       path: '/',

diff --git a/vite.config.ts b/vite.config.ts
@@ -27,10 +27,10 @@ export default defineConfig(({ mode }) => {
       }),
       VitePWA({
         registerType: 'autoUpdate',
-        includeAssets: ['favicon.svg', 'safari-pinned-tab.svg'],
+        includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'favicon-dark.svg'],
         manifest: {
-          name: 'kaandesu/vite-template',
-          short_name: 'kaandesu/vite-template',
+          name: 'vite-template',
+          short_name: 'vite-template',
           theme_color: '#ffffff',
           icons: [
             {
@@ -53,7 +53,7 @@ export default defineConfig(({ mode }) => {
         },
         workbox: {
           navigateFallback: '/',
-          cleanupOutdatedCaches: false
+          cleanupOutdatedCaches: true
         },
         // client: {
         //   installPrompt: true,