renamed tempaltes

meschg · meschg · commit 7d6a39c6def6 · 2022-03-13T13:41:44.000+01:00
diff --git a/index.html b/index.html
@@ -9,7 +9,9 @@
 </head>
 
 <body>
-    <div id="app"></div>
+    <div id="app">
+        <!-- built files will be auto injected by using vue-magic -->
+    </div>
     <script type="module" src="/src/main.ts"></script>
 </body>
 
diff --git a/src/components/TemplateComponent.vue b/src/components/TemplateComponent.vue
@@ -13,7 +13,7 @@ import { mapState, mapMutations, mapActions, mapGetters } from "vuex";
 // components import
 
 export default defineComponent({
-  name: "ComponentTemplate",
+  name: "TemplateComponent",
   components: {},
   props: {
     prop1: { type: String, required: true },
@@ -24,17 +24,21 @@ export default defineComponent({
   data: () => ({}),
   watch: {},
   computed: {
-    ...mapState([]),
+    ...mapState(["storeCounter", "storeTestString"]),
     ...mapGetters([]),
     getterTemplate() {
       return "";
     },
+    getStateTemplate() {
+      this.$store.state.storeCounter;
+    },
   },
   methods: {
     ...mapActions([]),
     ...mapMutations([]),
     functionTemplate: function () {},
   },
+
   created() {},
   mounted() {
     this.$store.dispatch("mutationTemplate");
diff --git a/src/components/TemplateCopyPaste.vue b/src/components/TemplateCopyPaste.vue
@@ -0,0 +1,39 @@
+<template>
+  <v-container>
+    <h1 class="mt-4">This is just a template</h1>
+    <p>No syntax knowledge, much cry!</p>
+  </v-container>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+import { mapState, mapMutations, mapActions, mapGetters } from "vuex";
+
+// components import
+
+export default defineComponent({
+  name: "TemplateCopyPaste",
+  components: {},
+  props: {},
+  setup() {
+    return {};
+  },
+  data: () => ({}),
+  watch: {},
+  computed: {
+    ...mapState([]),
+    ...mapGetters([]),
+  },
+  methods: {
+    ...mapActions([]),
+    ...mapMutations([]),
+  },
+  created() {},
+  mounted() {},
+  unmounted() {},
+  destoryed() {},
+});
+</script>
+
+<style scoped lang="scss"></style>
+<style lang="scss"></style>
diff --git a/src/store/store.ts b/src/store/store.ts
@@ -12,7 +12,7 @@ class State {
   moduleB!: typeof moduleB.state;
 
   storeCounter: number = 0;
-  storeTestVar: string = "store-test-1";
+  storeTestString: string = "store-test-1";
   dataSets = [];
 }
 

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ class State {`
`12`	`12`	`moduleB!: typeof moduleB.state;`
`13`	`13`
`14`	`14`	`storeCounter: number = 0;`
`15`		`- storeTestVar: string = "store-test-1";`
	`15`	`+ storeTestString: string = "store-test-1";`
`16`	`16`	`dataSets = [];`
`17`	`17`	`}`
`18`	`18`