resources/basya.js

@@ -1,6 +1,5 @@
 import './js/bootstrap';
 import {createApp} from 'vue'
-import { createPinia } from 'pinia'
 import App from './views/basya/Basya.vue'
 import { createVuetify } from 'vuetify'
 import { mdi } from "vuetify/iconsets/mdi";
@@ -9,11 +8,9 @@ import * as components from 'vuetify/components'
 import * as directives from 'vuetify/directives'
 import '@mdi/font/css/materialdesignicons.css'
 
-const pinia = createPinia();
-
 const vuetify = createVuetify({
     components,
     directives
 })
 
-createApp(App).use(vuetify).use(pinia).mount("#app")
+createApp(App).use(vuetify).mount("#app")

resources/stores/Schedule.js

@@ -0,0 +1,15 @@
+import {defineStore} from "pinia";
+
+export const useScheduleStore = defineStore('Schedule', {
+    state: () => ({
+        fetchingDates: true,
+        fetchingTable: true,
+        fetchingLinks: true
+    }),
+    getters: {
+
+    },
+    actions: {
+
+    },
+})

resources/stores/basya.js

@@ -1,20 +0,0 @@
-import {defineStore} from "pinia";
-import axios from "axios";
-
-export const useBasyaStore = defineStore('basya', {
-    state: () => ({
-        phrases: Object
-    }),
-    getters: {
-
-    },
-    actions: {
-        async getPhrases(){
-            await axios
-                .get('/api/v1/phrases')
-                .then((response) => {
-                    this.phrases = response.data;
-                });
-        }
-    },
-})

resources/stores/schedule.js

@@ -1,37 +0,0 @@
-import {defineStore} from "pinia";
-import axios from "axios";
-
-export const useScheduleStore = defineStore('schedule', {
-    state: () => ({
-        dates: Object,
-        links: Object,
-        schedules: Object
-    }),
-    getters: {
-
-    },
-    actions: {
-        async getDates(){
-            await axios
-                .get('/api/v1/dates')
-                .then((response) => {
-                    this.dates = response.data;
-                });
-        },
-        async getLinks(){
-            await axios
-                .get('/api/v1/links')
-                .then((response)=>{
-                    this.links = response.data;
-                })
-        },
-        async getSchedules(){
-            await axios
-                .get('/api/v1/schedules')
-                .then((response)=>{
-                    this.schedules = response.data;
-                })
-        }
-
-    },
-})

resources/views/Schedule.vue

@@ -10,30 +10,33 @@
 </template>
 
 <script>
+import axios from "axios";
 import ScheduleTable from "./Schedule/ScheduleTable.vue";
 import Links from "./Schedule/Links.vue";
-import {ref} from "vue";
-import {useScheduleStore} from '../stores/schedule.js';
 
 export default {
     name: "Schedule",
     components: {Links, ScheduleTable},
     data: () => ({
-        dates: ref(),
+        dates: [],
-        scheduleStore: useScheduleStore(),
         fetching: true
     }),
     methods: {
         parseDate(date){
             let dateArr = date.split("-");
             return dateArr[2] + "." + dateArr[1];
+        },
+        async getDates(){
+            await axios
+                .get('/api/v1/dates')
+                .then(response => {
+                    this.dates = response.data;
+                    this.fetching = false;
+                });
         }
     },
     mounted() {
-        this.scheduleStore.getDates().then(()=>{
+        this.getDates();
-            this.dates = this.scheduleStore.dates;
-            this.fetching = false;
-        });
     }
 }
 </script>

resources/views/Schedule/Links.vue

@@ -1,20 +1,20 @@
 <script>
-    import {ref} from "vue";
+    import axios from "axios";
-    import {useScheduleStore} from '../../stores/schedule.js';
 
     export default {
         name: "Links",
         data: () => ({
-            links: ref(),
+            links: [],
             fetching: true,
-            scheduleStore: useScheduleStore(),
             windowHeight: document.documentElement.clientHeight,
             windowWidth: document.documentElement.clientWidth,
             isWide: window.innerWidth >= 460
         }),
         mounted() {
-            this.scheduleStore.getLinks().then(()=>{
+            axios
-                this.links = this.scheduleStore.links;
+                .get('/api/v1/links')
+                .then(response => {
+                    this.links = response.data;
                     this.fetching = false;
                 });
             this.myEventHandler();

resources/views/Schedule/ScheduleTable.vue

@@ -1,12 +1,10 @@
 <script>
-    import {useScheduleStore} from '../../stores/schedule.js';
+    import axios from "axios";
-    import {ref} from "vue";
 
     export default {
         name: "ScheduleTable",
         data: () => ({
-            schedules: ref(),
+            schedules: [],
-            scheduleStore: useScheduleStore(),
             fetching: true
         }),
         methods: {
@@ -16,8 +14,10 @@
             }
         },
         mounted() {
-            this.scheduleStore.getSchedules().then(()=>{
+            axios
-                this.schedules = this.scheduleStore.schedules;
+                .get('/api/v1/schedules')
+                .then(response => {
+                    this.schedules = response.data;
                     this.fetching = false;
                 });
         }

resources/views/basya/Basya.vue

@@ -34,8 +34,7 @@
 
 <script>
 import {ref} from 'vue';
-import {useBasyaStore} from "../../stores/basya.js";
+import axios from "axios";
-
 export default {
     name: "Basya",
     data: () => ({
@@ -45,8 +44,7 @@ export default {
         currentPhrase: ref(),
         winWidth: ref(document.documentElement.clientWidth),
         // size: ref(),
-        isLess: false,
+        isLess: false
-        basyaStore: useBasyaStore()
     }),
     methods: {
         reloadPhrase(){
@@ -63,11 +61,13 @@ export default {
         }
     },
     mounted() {
-        this.basyaStore.getPhrases().then(()=>{
+        axios
-            this.phrases = this.basyaStore.phrases;
+            .get('/api/v1/phrases')
+            .then(response => {
+                this.phrases = response.data;
                 this.reloadPhrase();
                 this.fetching = false;
-        })
+            });
         this.isLess = ref(this.winWidth.value <= 600 ? 'flex-column' : '');
         /*
         this.size = this.winWidth <= 600 ?  'x-small' :