build(deps): bump vite from 5.3.5 to 5.3.6

.github/workflows/deploy-docs.yml

@@ -13,13 +13,13 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           token: ${{ secrets.MY_TOKEN }}
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
 
       - run: |
           git config --global user.email "junil.h@kakao.com"

.vuepress/client.ts

@@ -1,8 +1,10 @@
 import { defineClientConfig } from '@vuepress/client';
 import MainPage from './theme/layouts/MainPage.vue';
+import Layout from './theme/layouts/Layout.vue';
 
 export default defineClientConfig({
-  enhance({ app }) {
-    app.component('MainPage', MainPage)
+  layouts: {
+    MainPage,
+    Layout,
   },
-})
+})

.vuepress/config.ts

@@ -1,22 +1,20 @@
-import {defaultTheme, DefaultThemeOptions, defineUserConfig, Theme, viteBundler} from 'vuepress-vite';
-import {pwaPlugin} from '@vuepress/plugin-pwa';
-import {googleAnalyticsPlugin} from '@vuepress/plugin-google-analytics';
-import {feed} from 'vuepress-plugin-feed2';
-import {sitemap} from 'vuepress-plugin-sitemap2';
-import {searchPlugin} from "@vuepress/plugin-search";
+import { viteBundler } from '@vuepress/bundler-vite'
+import { defaultTheme, DefaultThemeOptions } from '@vuepress/theme-default'
+import { defineUserConfig } from 'vuepress'
+import { googleAnalyticsPlugin } from '@vuepress/plugin-google-analytics';
+import { feedPlugin } from '@vuepress/plugin-feed'
+import { sitemapPlugin } from '@vuepress/plugin-sitemap'
+import { searchPlugin } from "@vuepress/plugin-search";
 import MarkdownItPlantuml from 'markdown-it-plantuml';
 import MarkdownItUnderline from 'markdown-it-underline';
 import MarkdownItTaskLists from 'markdown-it-task-lists';
 import * as path from "path";
 import * as glob from "glob";
 import * as fs from "fs";
 
-const localTheme = (options: DefaultThemeOptions): Theme => ({
+const localTheme = (options: DefaultThemeOptions) => ({
   name: 'vuepress-theme-junilhwang',
   extends: defaultTheme(options),
-  layouts: {
-    Layout: path.resolve(__dirname, 'theme/layouts/Layout.vue'),
-  },
 })
 
 
@@ -50,35 +48,47 @@ export default defineUserConfig({
   theme: localTheme({
     logo: 'https://avatars1.githubusercontent.com/u/18749057?s=460&v=4',
     navbar: [
-      {text: 'Home', link: '/'},
-      {text: 'About', link: '/About/'},
+      { text: 'Home', link: '/' },
+      { text: 'About', link: '/About/' },
     ],
-    sidebar: 'auto',
     lastUpdated: true,
     contributors: false,
   }),
-  bundler: viteBundler(),
+  bundler: viteBundler({
+    viteOptions: {
+      css: {
+        preprocessorOptions: {
+          scss: {
+            api: 'legacy',
+          },
+          sass: {
+            api: 'legacy',
+          }
+        }
+      },
+    }
+  }),
   base: '/TIL/',
   head: [
-    ['meta', {name: "google-site-verification", content: "sHfBWIoCUOYFXJ3b0ulN8jp9jpD8SEW5Wpxvlk-UABA"}],
-    ['link', {rel: "apple-touch-icon", sizes: "180x180", href: "/TIL/assets/favicons/apple-touch-icon.png"}],
-    ['link', {rel: "icon", type: "image/png", sizes: "32x32", href: "/TIL/assets/favicons/favicon-32x32.png"}],
-    ['link', {rel: "icon", type: "image/png", sizes: "16x16", href: "/TIL/assets/favicons/favicon-16x16.png"}],
-    ['link', {rel: "manifest", href: "/TIL/manifest.webmanifest"}],
-    ['link', {rel: "mask-icon", href: "/TIL/assets/favicons/safari-pinned-tab.svg", color: "#3a0839"}],
-    ['link', {rel: "shortcut icon", href: "/TIL/assets/favicons/favicon.ico"}],
-    ['link', {rel: "stylesheet", href: "https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap"}],
-    ['meta', {name: "msapplication-TileColor", content: "#3a0839"}],
-    ['meta', {name: "msapplication-config", content: "/TIL/browserconfig.xml"}],
-    ['meta', {name: "theme-color", content: "#ffffff"}],
+    ['meta', { name: "google-site-verification", content: "sHfBWIoCUOYFXJ3b0ulN8jp9jpD8SEW5Wpxvlk-UABA" }],
+    ['link', { rel: "apple-touch-icon", sizes: "180x180", href: "/TIL/assets/favicons/apple-touch-icon.png" }],
+    ['link', { rel: "icon", type: "image/png", sizes: "32x32", href: "/TIL/assets/favicons/favicon-32x32.png" }],
+    ['link', { rel: "icon", type: "image/png", sizes: "16x16", href: "/TIL/assets/favicons/favicon-16x16.png" }],
+    ['link', { rel: "manifest", href: "/TIL/manifest.webmanifest" }],
+    ['link', { rel: "mask-icon", href: "/TIL/assets/favicons/safari-pinned-tab.svg", color: "#3a0839" }],
+    ['link', { rel: "shortcut icon", href: "/TIL/assets/favicons/favicon.ico" }],
+    ['link', { rel: "stylesheet", href: "https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap" }],
+    ['meta', { name: "msapplication-TileColor", content: "#3a0839" }],
+    ['meta', { name: "msapplication-config", content: "/TIL/browserconfig.xml" }],
+    ['meta', { name: "theme-color", content: "#ffffff" }],
   ],
   extendsMarkdown: md => {
     md.use(MarkdownItPlantuml);
     md.use(MarkdownItUnderline);
     md.use(MarkdownItTaskLists);
   },
   plugins: [
-    feed({
+    feedPlugin({
       hostname: 'https://junilhwang.github.io/TIL/',
       rss: true,
       atom: true,
@@ -87,7 +97,7 @@ export default defineUserConfig({
     googleAnalyticsPlugin({
       id: 'UA-113171398-2'
     }),
-    sitemap({hostname: 'https://junilhwang.github.io/TIL'}),
+    sitemapPlugin({ hostname: 'https://junilhwang.github.io/TIL' }),
     searchPlugin({}),
     // demoBlock({}),
   ],