Factorize some duplicated CSS
[vchess.git] / client / src / views / About.vue
... / ...
CommitLineData
1<template lang="pug">
2main
3 .row
4 .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
5 div(v-html="content")
6</template>
7
8<script>
9import { store } from "@/store";
10export default {
11 name: "my-about",
12 computed: {
13 content: function() {
14 return (
15 require("raw-loader!@/translations/about/" + store.state.lang + ".pug")
16 // Next two lines fix a weird issue after last update (2019-11)
17 .replace(/\\[n"]/g, " ")
18 .replace('module.exports = "', "")
19 .replace(/"$/, "")
20 );
21 }
22 }
23};
24</script>
25
26<!-- Not scoped, because code is injected -->
27<style lang="sass">
28#links
29 margin: var(--universal-margin);
30 & > a
31 display: block
32</style>