feat: Add Markdown Page route and component

src/main.ts

@@ -3,12 +3,14 @@ import 'virtual:uno.css';
 
 import { createApp } from 'vue';
 import { createPinia } from 'pinia';
+import { createHead, unheadVueComposablesImports } from '@unhead/vue';
 
 import App from './App.vue';
 import { router } from './router';
 import { DataLoaderPlugin } from 'unplugin-vue-router/data-loaders';
 
 createApp(App)
+  .use(createHead())
   .use(createPinia())
   // Register the plugin before the router
   .use(DataLoaderPlugin, { router })

src/pages/index-page.vue

@@ -1,4 +1,15 @@
 <script lang="ts" setup>
+useHead({
+  // Titles
+  title: 'Hello World',
+  titleTemplate: '%s %separator %siteName',
+  // Template params
+  templateParams: { separator: '|', siteName: 'My App' },
+  // Classes
+  bodyAttrs: { class: { overflow: true } },
+  // Deduping
+  // script: [{ key: '123', src: '/script.js' }],
+});
 definePage({
   alias: '/',
 });
@@ -11,5 +22,6 @@ definePage({
     <li><router-link :to="{ name: 'TsEnumUtil' }">TS Enum Util</router-link></li>
     <li><router-link :to="{ name: 'SomePage' }">Some Page</router-link></li>
     <li><router-link :to="{ name: '中文页面' }">中文-页面.page.vue</router-link></li>
+    <li><router-link :to="{ name: 'MdPage' }">Markdown Page</router-link></li>
   </ul>
 </template>

src/pages/md-page.md

@@ -0,0 +1,11 @@
+---
+name: My Cool App
+title: My Cool App
+meta:
+  - name: description
+    content: Hello World
+---
+
+# Hello World
+
+This is {{frontmatter.name}}