40 lines
1.0 KiB
Vue
40 lines
1.0 KiB
Vue
<template>
|
|
<section class="container px-4 py-24 mx-auto">
|
|
<div class="simplecontent">
|
|
<div class="mb-24 text-left md:text-center">
|
|
<h1 class="mb-4 text-4xl font-bold leading-tight text-gray-900 dark:text-gray-50 md:text-5xl">{{ $t('imprint')
|
|
}}
|
|
</h1>
|
|
</div>
|
|
<div class="mx-auto prose" v-html="content"></div>
|
|
</div>
|
|
</section>
|
|
<Footer></Footer>
|
|
</template>
|
|
<style src="../simple.css"></style>
|
|
<script>
|
|
import { marked } from "marked";
|
|
import Footer from "@/components/Footer.vue";
|
|
export default {
|
|
components: { Footer },
|
|
data() {
|
|
return {
|
|
content: "",
|
|
}
|
|
},
|
|
async beforeMount() {
|
|
const browserlocale = ((navigator.languages && navigator.languages[0]) || '').substr(0, 2);
|
|
let md = "";
|
|
try {
|
|
md = await fetch(`/imprint_${browserlocale}.md`);
|
|
} catch (error) {
|
|
try {
|
|
md = await fetch(`/imprint_en.md`);
|
|
} catch (error) {
|
|
md = t('error_loading_imprint');
|
|
}
|
|
}
|
|
this.content = marked(await md.text());
|
|
},
|
|
}
|
|
</script> |