Merge pull request #8 from 19pdh/develop

Posts & ranking

1 files changed, 34 insertions, 0 deletions

diff --git a/components/Ranking/RankingRules.vue b/components/Ranking/RankingRules.vue
new file mode 100644
index 0000000..5ae3c74
--- /dev/null
+++ b/components/Ranking/RankingRules.vue
@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <h2>Zasady punktacji</h2>
+    <div class="rules" v-html="rules"></div>
+  </div>
+</template>
+
+<script>
+import rules from '~/assets/zasady-punktacji.md'
+
+const md = require('markdown-it')()
+
+export default {
+  name: 'RankingRules',
+  data() {
+    return {
+      rules: md.render(rules)
+    }
+  }
+}
+</script>
+
+<style>
+.rules table {
+  border-collapse: collapse;
+  margin: 20px 10px;
+}
+
+.rules th,
+.rules td {
+  padding: 5px 15px;
+  border: 1px solid #000;
+}
+</style>