Added JSON & update app.vue

vue-json/src/App.vue

@@ -1,14 +1,36 @@
 <template>
+<div>
   <jsonview/>
+  <ul>
+    <li v-for="jsondata in jsondata" :key="jsondata.date">
+        <b>{{jsondata.title}}</b> - {{jsondata.content}} - <i>{{jsondata.date}}</i>   
+    </li>
+  </ul>
+  <h2 v-for="data in todayData" :key="data.date">
+    <b>{{data.title}}</b> - {{data.content}} - <i>{{data.date}}</i>
+  </h2>
+  </div>
 </template>
 
 <script>
 import jsonview from './components/jsonview.vue'
+import jsondata from './assets/jsondata.json'
 
 export default {
   name: 'App',
   components: {
     jsonview
+  },
+  data() {
+    return {
+      jsondata: jsondata,
+    }
+  },
+  computed: {
+      todayData: function () {
+        return this.jsondata.filter(
+          jsondata => jsondata.date == (new Date().toLocaleDateString()))
+      }
     }
 }
 </script>

vue-json/src/assets/jsondata.json

@@ -0,0 +1,73 @@
+[
+    {
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"1. 3. 2022"
+    },
+    {
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"2. 3. 2022"
+    },
+    {
+        "title":"Nadpis1",
+        "content": "Obsah1 ",
+        "date":"3. 3. 2022"
+    },
+    {
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"4. 3. 2022"
+    },
+    {
+        "title":"NadpisA",
+        "content": "ObsahA",
+        "date":"5. 3. 2022"
+    },
+    {
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"6. 3. 2022"
+    },
+    {
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"7. 3. 2022"
+    },
+    {
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"8. 3. 2022"
+    },
+    {
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"9. 3. 2022"
+    },
+    {
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"10. 3. 2022"
+    },
+    {
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"11. 3. 2022"
+    },
+    {
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"12. 3. 2022"
+    },
+    {
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"13. 3. 2022"
+    },
+    {
+        "title":"Nadpis2",
+        "content": "Obsah2",
+        "date":"14. 3. 2022"
+    }
+
+]