From 35a93c343e0ae864262b816b2c0b4114ef42962a Mon Sep 17 00:00:00 2001
From: Dhaverd <jedi55@mail.ru>
Date: Sat, 20 Apr 2024 16:12:45 +0800
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D0=BD=D0=B5=D1=81=20?=
 =?UTF-8?q?=D0=B7=D0=B0=D0=BF=D1=80=D0=BE=D1=81=D1=8B=20=D0=BD=D0=B0=20?=
 =?UTF-8?q?=D0=B1=D1=8D=D0=BA=20=D0=B8=D0=B7=20basya=20=D0=B2=20=D1=81?=
 =?UTF-8?q?=D1=82=D0=BE=D1=80=20pinia?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/basya.js              |  5 ++++-
 resources/stores/basya.js       | 20 ++++++++++++++++++++
 resources/stores/schedule.js    |  2 +-
 resources/views/basya/Basya.vue | 18 +++++++++---------
 4 files changed, 34 insertions(+), 11 deletions(-)
 create mode 100644 resources/stores/basya.js

diff --git a/resources/basya.js b/resources/basya.js
index 2cb0e3d..2db730f 100644
--- a/resources/basya.js
+++ b/resources/basya.js
@@ -1,5 +1,6 @@
 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";
@@ -8,9 +9,11 @@ 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).mount("#app")
+createApp(App).use(vuetify).use(pinia).mount("#app")
diff --git a/resources/stores/basya.js b/resources/stores/basya.js
new file mode 100644
index 0000000..e0e281c
--- /dev/null
+++ b/resources/stores/basya.js
@@ -0,0 +1,20 @@
+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;
+                });
+        }
+    },
+})
diff --git a/resources/stores/schedule.js b/resources/stores/schedule.js
index 40ab9b0..8715282 100644
--- a/resources/stores/schedule.js
+++ b/resources/stores/schedule.js
@@ -1,7 +1,7 @@
 import {defineStore} from "pinia";
 import axios from "axios";
 
-export const useScheduleStore = defineStore('Schedule', {
+export const useScheduleStore = defineStore('schedule', {
     state: () => ({
         dates: Object,
         links: Object,
diff --git a/resources/views/basya/Basya.vue b/resources/views/basya/Basya.vue
index 905413a..36cc44d 100644
--- a/resources/views/basya/Basya.vue
+++ b/resources/views/basya/Basya.vue
@@ -34,7 +34,8 @@
 
 <script>
 import {ref} from 'vue';
-import axios from "axios";
+import {useBasyaStore} from "../../stores/basya.js";
+
 export default {
     name: "Basya",
     data: () => ({
@@ -44,7 +45,8 @@ export default {
         currentPhrase: ref(),
         winWidth: ref(document.documentElement.clientWidth),
         // size: ref(),
-        isLess: false
+        isLess: false,
+        basyaStore: useBasyaStore()
     }),
     methods: {
         reloadPhrase(){
@@ -61,13 +63,11 @@ export default {
         }
     },
     mounted() {
-        axios
-            .get('/api/v1/phrases')
-            .then(response => {
-                this.phrases = response.data;
-                this.reloadPhrase();
-                this.fetching = false;
-            });
+        this.basyaStore.getPhrases().then(()=>{
+            this.phrases = this.basyaStore.phrases;
+            this.reloadPhrase();
+            this.fetching = false;
+        })
         this.isLess = ref(this.winWidth.value <= 600 ? 'flex-column' : '');
         /*
         this.size = this.winWidth <= 600 ?  'x-small' :