update spagetti code

vue-json/src/App.vue

@@ -1,6 +1,5 @@
 <template>
-  <jsonview/>
-  
+  <jsonview/>  
 </template>
 
 <script>

vue-json/src/assets/jsondata.json

@@ -46,12 +46,12 @@
     },
     {
         "title":"Nadpis2",
-        "content": "Obsah2",
+        "content": "Obsah nebude psan",
         "date":"10. 3. 2022"
     },
     {
-        "title":"Nadpis2",
-        "content": "Obsah2",
+        "title":"Olejovita skvrna",
+        "content": "Obsah se bude měnit",
         "date":"11. 3. 2022"
     },
     {

vue-json/src/components/jsonview.vue

@@ -1,9 +1,8 @@
-<template>
+ <template>
 <div>
   <div>
     <h2>JSON</h2>
     <p> {{ date }} </p>
-    <p> {{ selectedDate }}</p>
     <p> {{ selectDate(date,numberino)}}</p>
     <p>{{numberino}}</p>
     <button @click="increment()">+</button>
@@ -12,19 +11,19 @@
   </div>
 
 <div>
-  <ul>
+  <!-- <ul>
     <li v-for="jsondata in jsondata" :key="jsondata.date">
         <b>{{jsondata.title}}</b> - {{jsondata.content}} - <i>{{jsondata.date}}</i> 
     </li>
-  </ul>
+  </ul> -->
   <!-- <h3>{{ todayData() }}</h3>
   <h2 v-for="data in todayData()" :key="data.date">
     <b>{{data.title}}</b> - {{data.content}} - <i>{{data.date}}</i>
   </h2> -->
-  <!-- <h3>{{ selectDatum(selectDate(date,numberino) ) }}</h3> -->
-  <h2 v-for="data1 in selectDatum(selectDate(date,numberino))" :key="data1.date">
+  <h3>{{ selectDatum(selectDate(date,numberino) ) }}</h3>
+  <h4 v-for="data1 in selectDatum(selectDate(date,numberino))" :key="data1.date">
     <b>{{data1.title}}</b> - {{data1.content}} - <i>{{data1.date}}</i>
-  </h2>
+  </h4>
   </div>
   </div>
 </template>
@@ -37,27 +36,19 @@ export default {
   name: 'jsonView',
    data: () => ({
           date: '',
-          numberino: 1,
+          numberino: 0,
           jsondata: jsondata
         }),
   methods: {
     printDate: function () {
              return new Date();
             //return new Date().toLocaleDateString();
-
           },
     selectDate: function(date, days){
       var result = new Date(date);
       result.setDate(result.getDate() + days);
       return result.toLocaleDateString();
     },
-    increment(){
-    this.numberino += 1;
-    },
-
-    decrement(){
-    this.numberino -= 1;
-    },
 
     todayData: function () {
         return this.jsondata.filter(
@@ -67,6 +58,15 @@ export default {
         return this.jsondata.filter(
           jsondata => jsondata.date == datum)
       },
+
+      
+    increment(){
+    this.numberino += 1;
+    },
+
+    decrement(){
+    this.numberino -= 1;
+    },
   },
   mounted: function () {
           this.date = this.printDate();