determinativ, pronomen + flyttet stiler tilbake til Header.vue

src/components/Header.vue

@@ -25,6 +25,9 @@ import ADJ from './inflection/Adjective.vue'
 import ADJ_adv from './inflection/AdjectiveAdv.vue'
 import ADJ_masc_fem from './inflection/AdjectiveMF.vue'
 import ADJ_masc_fem_fem from './inflection/AdjectiveMF_F.vue'
+import DET from './inflection/Determinative.vue'
+import DET_adj from './inflection/DeterminativeAdj.vue'
+import PRON from './inflection/Pronoun.vue'
 
 export default {
   name: 'Header',
@@ -40,12 +43,15 @@ export default {
     ADJ,
     ADJ_adv,
     ADJ_masc_fem,
-    ADJ_masc_fem_fem
+    ADJ_masc_fem_fem,
+    DET,
+    DET_adj,
+    PRON
   }
 }
 </script>
 
-<style scoped>
+<style >
 
 summary {
   width: 30em;
@@ -69,6 +75,19 @@ details > summary {
   text-decoration-style: dashed;
 }
 
+.inflection table {
+  border-collapse: collapse;
+  margin: 10px;
+}
+
+.inflection td, .inflection th {
+  border: solid;
+  border-width: 1px;
+  margin: 0px 0px 0px 0px;
+  padding: 3px;
+}
+
+
 details > summary::-webkit-details-marker {
   display: none;
 }

src/components/inflection/Adjective.vue

@@ -33,17 +33,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-   table {
-    border-collapse: collapse;
-    margin: 10px;
-  }
-
-   td,  th {
-    border: solid;
-    border-width: 1px;
-    margin: 0px 0px 0px 0px;
-    padding: 3px;
-  }
-</style>

src/components/inflection/AdjectiveAdv.vue

@@ -20,17 +20,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-   table {
-    border-collapse: collapse;
-    margin: 10px;
-  }
-
-   td,  th {
-    border: solid;
-    border-width: 1px;
-    margin: 0px 0px 0px 0px;
-    padding: 3px;
-  }
-</style>

src/components/inflection/AdjectiveMF.vue

@@ -35,17 +35,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-   table {
-    border-collapse: collapse;
-    margin: 10px;
-  }
-
-   td,  th {
-    border: solid;
-    border-width: 1px;
-    margin: 0px 0px 0px 0px;
-    padding: 3px;
-  }
-</style>

src/components/inflection/AdjectiveMF_F.vue

@@ -35,17 +35,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-   table {
-    border-collapse: collapse;
-    margin: 10px;
-  }
-
-   td,  th {
-    border: solid;
-    border-width: 1px;
-    margin: 0px 0px 0px 0px;
-    padding: 3px;
-  }
-</style>

src/components/inflection/Determinative.vue

+<template>
+  <table>
+    <tr>
+      <th rowspan="2">Determinativ</th><th colspan="3">Entall</th><th rowspan="2">Flertall</th>
+    </tr>
+    <tr>
+      <th>Hankjønn</th><th>Hunkjønn</th><th>Intetkjønn</th>
+    </tr>
+    <tr v-for="(std, index) in standardisations" :key="index">
+      <td></td>
+      <td>{{std.inflection[0].word_form}}</td>
+      <td>{{std.inflection[1].word_form}}</td>
+      <td>{{std.inflection[2].word_form}}</td>
+      <td>{{std.inflection[3].word_form}}</td>
+    </tr>
+  </table>
+</template>
+
+<script>
+export default {
+  name: "DET",
+  props: {
+    standardisations: Array
+  }
+}
+</script>

src/components/inflection/DeterminativeAdj.vue

+<template>
+  <DET :standardisations="standardisations"></DET>
+</template>
+
+<script>
+import DET from './Determinative.vue'
+
+export default {
+  name: "DET_adj",
+  props: {
+    standardisations: Array
+  },
+  components: {
+    DET
+  }
+}
+</script>

src/components/inflection/Pronoun.vue

+<template>
+  <table>
+    <tr>
+      <th>Pronomen</th><th>Subjektsform</th><th>Objektsform</th>
+    </tr>
+    <tr v-for="(std, index) in standardisations" :key="index">
+      <td></td>
+      <td>{{std.inflection[0].word_form}}</td>
+      <td>{{std.inflection[1].word_form}}</td>
+    </tr>
+  </table>
+</template>
+
+<script>
+export default {
+  name: "PRON",
+  props: {
+    standardisations: Array
+  }
+}
+</script>