[vchess.git] / client / src / views / About.vue

<template lang="pug">
main
  .row
    .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
      div(v-html="content")
</template>

<script>
import { store } from "@/store";
export default {
  name: "my-about",
  computed: {
    content: function() {
      return (
        require("raw-loader!@/translations/about/" + store.state.lang + ".pug")
        // Next two lines fix a weird issue after last update (2019-11)
        .replace(/\\[n"]/g, " ")
        .replace('module.exports = "', "")
        .replace(/"$/, "")
      );
    }
  }
};
</script>

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