<script setup lang="ts">
import { TITLE } from '@lib/config'
import { stripHTML } from '@lib/strings'
import { onBeforeMount, onMounted, onUpdated, ref } from 'vue'
import { updateDynamicContent } from '@lib/articles'

const loading = ref<boolean>(true)
const html = ref<string>('')

onBeforeMount(async () => {
  window.document.title = stripHTML(TITLE)
  html.value = (await import('@articles/not_found.md')).html
  loading.value = false
  await updateDynamicContent()
})
onMounted(updateDynamicContent)
onUpdated(updateDynamicContent)
</script>

<template>
  <div v-if="!loading" class="article" v-html="html"></div>
</template>
