perf: upgrade to use vite-plugin-page for better page setup

Ryaang · Sep 3, 2023 · a51eb6e · a51eb6e
1 parent 2e4c3e5
commit a51eb6e
Show file tree

Hide file tree

Showing 24 changed files with 214 additions and 101 deletions.
diff --git a/layout/index.ejs b/layout/index.ejs
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><script type="module" crossorigin src="/static/js/index_prod-00ee5e98.js"></script><link rel="stylesheet" href="/static/css/index_prod-7b0ddf03.css"></head><body id="body-container"><noscript><strong>We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><script type="module" crossorigin src="/static/js/34662c9c.js"></script><link rel="stylesheet" href="/static/css/0f00c169.css"></head><body id="body-container"><noscript><strong>We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
diff --git a/package.json b/package.json
@@ -70,6 +70,7 @@
     "typescript": "~5.1.5",
     "vite": "^4.3.9",
     "vite-plugin-html-transformer": "^4.0.0",
+    "vite-plugin-pages": "^0.31.0",
     "vite-plugin-svg-icons": "^2.0.1",
     "vue-easy-lightbox": "^1.16.0",
     "vue-jest": "^3.0.7",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/ArticleCard/src/Article.vue b/src/components/ArticleCard/src/Article.vue
@@ -72,7 +72,7 @@
 
         <router-link
           v-if="post.title"
-          :to="{ name: 'post', params: { slug: post.slug } }"
+          :to="{ name: 'post-slug', params: { slug: post.slug } }"
         >
           <h1 data-dia="article-link">{{ post.title }}</h1>
         </router-link>

diff --git a/src/components/ArticleCard/src/HorizontalArticle.vue b/src/components/ArticleCard/src/HorizontalArticle.vue
@@ -74,7 +74,7 @@
 
         <router-link
           v-if="post.title"
-          :to="{ name: 'post', params: { slug: post.slug } }"
+          :to="{ name: 'post-slug', params: { slug: post.slug } }"
         >
           <h1 data-dia="article-link">{{ post.title }}</h1>
         </router-link>

diff --git a/src/components/SearchModal.vue b/src/components/SearchModal.vue
@@ -366,7 +366,7 @@ export default defineComponent({
       reloadRecentResult()
       handleStatusChange(false)
       if (result.slug !== '')
-        router.push({ name: 'post', params: { slug: result.slug } })
+        router.push({ name: 'post-slug', params: { slug: result.slug } })
     }
 
     const handleResetInput = () => {
@@ -469,9 +469,9 @@ export default defineComponent({
     const initSearch = async () => {
       searchIndexStatus.value = false
       isEmpty.value = false
-      await searchStore.fetchSearchIndex().then(() => {
-        searchIndexStatus.value = true
-      })
+      // await searchStore.fetchSearchIndex().then(() => {
+      //   searchIndexStatus.value = true
+      // })
     }
 
     onBeforeMount(initSearch)

diff --git a/src/hooks/usePageTitle.ts b/src/hooks/usePageTitle.ts
@@ -12,13 +12,14 @@ export default function usePageTitle() {
 
   const updateTitle = (locale?: Locales | undefined) => {
     const currentLocale: Locales = locale ?? appStore.locale
-    const menuName = String(route.name)
+    const menuName = String(route.name === 'index' ? 'home' : route.name)
     const routeInfo =
       appStore.themeConfig.menu.menus[
         menuName.charAt(0).toUpperCase() + menuName.slice(1)
       ]
     pageTitle.value =
-      (routeInfo.i18n && routeInfo.i18n[currentLocale]) || routeInfo.name
+      (routeInfo && routeInfo.i18n && routeInfo.i18n[currentLocale]) ||
+      routeInfo.name
     metaStore.setTitle(pageTitle.value)
   }
 

diff --git a/src/views/404.vue → src/pages/[...all].vue b/src/views/404.vue → src/pages/[...all].vue
diff --git a/src/views/About.vue → src/pages/about.vue b/src/views/About.vue → src/pages/about.vue
diff --git a/src/views/Archives.vue → src/pages/archives.vue b/src/views/Archives.vue → src/pages/archives.vue
@@ -34,7 +34,9 @@
             </div>
             <div class="timeline-marker"></div>
             <div class="timeline-content">
-              <router-link :to="{ name: 'post', params: { slug: post.slug } }">
+              <router-link
+                :to="{ name: 'post-slug', params: { slug: post.slug } }"
+              >
                 <h3 class="timeline-title">{{ post.title }}</h3>
               </router-link>
               <p>

diff --git a/src/views/Category.vue → src/pages/category.vue b/src/views/Category.vue → src/pages/category.vue
diff --git a/src/views/Home.vue → src/pages/index.vue b/src/views/Home.vue → src/pages/index.vue
diff --git a/src/views/Links.vue → src/pages/links.vue b/src/views/Links.vue → src/pages/links.vue
diff --git a/src/views/Page.vue → src/pages/page/[slug].vue b/src/views/Page.vue → src/pages/page/[slug].vue
diff --git a/src/views/Post.vue → src/pages/post/[slug].vue b/src/views/Post.vue → src/pages/post/[slug].vue
diff --git a/src/views/Result.vue → src/pages/post/search/index.vue b/src/views/Result.vue → src/pages/post/search/index.vue
diff --git a/src/views/Tag.vue → src/pages/tags.vue b/src/views/Tag.vue → src/pages/tags.vue