PronounsPage/pages/license.vue

<template>
    <Page>
        <div class="blog-post">
            <div v-html="content"></div>

            <Separator icon="heart" />
            <Support />

            <section>
                <Share :title="title ?? undefined" />
            </section>
        </div>
    </Page>
</template>
<script lang="ts">
import { computed, defineComponent } from 'vue';
import { useAsyncData, useNuxtApp } from 'nuxt/app';
import useSimpleHead from '../composables/useSimpleHead.ts';
import parseMarkdown from '../src/parseMarkdown.ts';

export default defineComponent({
    setup() {
        const { $translator: translator } = useNuxtApp();
        const { data: license } = useAsyncData(async () => {
            const markdown = (await import('../LICENSE.md')).default;
            return parseMarkdown(markdown, translator);
        });
        const title = computed(() => license.value?.title ?? null);
        const banner = computed(() => license.value?.img ?? null);
        const content = computed(() => license.value?.content);
        useSimpleHead({
            title,
            banner,
        }, translator);
        return {
            title,
            content,
        };
    },
});
</script>