38 lines
955 B
Vue
38 lines
955 B
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>
|
|
</template>
|
|
<style src="../simple.css">
|
|
</style>
|
|
<script>
|
|
import marked from "marked";
|
|
export default {
|
|
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 = "Error loading Imprint";
|
|
}
|
|
}
|
|
this.content = marked(await md.text());
|
|
},
|
|
}
|
|
</script> |