<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: '/',
});
</script>

<template>
  <h1>Index Page</h1>
  <ul>
    <li><router-link :to="{ name: 'DataLoadersId', params: { id: 520 } }">Data Loaders</router-link></li>
    <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>
