31 lines
610 B
Vue
31 lines
610 B
Vue
<template>
|
|
<main class="instructions layout-block">
|
|
<div class="content" v-html="renderedContent" />
|
|
</main>
|
|
</template>
|
|
|
|
<script setup>
|
|
import content from '@/content/instructions.md?raw'
|
|
import MarkdownIt from 'markdown-it'
|
|
|
|
const md = new MarkdownIt()
|
|
const renderedContent = md.render(content)
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
main.instructions {
|
|
padding-top: var(--nav-height);
|
|
padding-bottom: 50px;
|
|
|
|
.content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 20px;
|
|
|
|
hr {
|
|
border-bottom: 1px dashed currentColor;
|
|
}
|
|
}
|
|
}
|
|
</style>
|