feat: switch to vite-plugin-pages and update deps

src/main.ts

@@ -1,6 +1,6 @@
 import './styles/main.postcss'
 // import routes generated by Voie
-import routes from 'voie-pages'
+import routes from 'vite-plugin-pages/client'
 // progress bar
 import NProgress from 'nprogress'
 import { ViteSSG } from 'vite-ssg'

src/pages/README.md

@@ -1,7 +1,7 @@
 ## File-based Routing
 
 Routes will auto-generated for Vue files in this dir with the same file structure.
-Check out [`vite-plugin-voie`](https://github.com/vamplate/vite-plugin-voie) for more details.
+Check out [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) for more details.
 
 ### Path Aliasing
 
@@ -10,11 +10,11 @@ You can use `/~/` aliasing to `./src/` folder.
 For example, instead of having
 
 ```ts
-import { locales } from '../../../../messages'
+import { isDark } from '../../../../logics'
 ```
 
 now you can use
 
 ```ts
-import { locales } from '/~/messages'
+import { isDark } from '/~/logics'
 ```

src/pages/about.md

@@ -1,3 +1,7 @@
+---
+title: About
+---
+
 <div class="text-4xl text-center -mb-4">
   <!-- You can use Vue components inside markdown -->
   <carbon-dicom-overlay class="inline-block" />

src/styles/prism-vscode-dark.css

@@ -232,8 +232,8 @@ html.dark .prose {
     color: #808080;
   }
   /*********************************************************
-* Line highlighting
-*/
+   * Line highlighting
+   */
   pre[data-line] {
     position: relative;
   }
@@ -256,4 +256,8 @@ html.dark .prose {
     line-height: inherit;
     white-space: pre;
   }
+
+  code, a code {
+    color: #eee;
+  }
 }