feat: about page and better config

src/views/AboutView.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { ABOUT_LINK, TITLE } from '@lib/config'
+import { stripHTML } from '@lib/strings'
+import PageFooter from '@components/PageFooter.vue'
+import { onBeforeMount, onMounted, onUpdated, ref } from 'vue'
+import NavBar from '@components/NavBar.vue'
+import { updateDynamicContent } from '@/lib/articles'
+
+const html = ref<string>('')
+
+onBeforeMount(async () => {
+  window.document.title = stripHTML(TITLE) + ' — ' + stripHTML(ABOUT_LINK)
+
+  html.value = (await import('@articles/about.md')).html
+
+  await updateDynamicContent()
+})
+onMounted(updateDynamicContent)
+onUpdated(updateDynamicContent)
+</script>
+
+<template>
+  <main class="article">
+    <NavBar />
+    <div v-html="html"></div>
+    <PageFooter />
+  </main>
+</template>