Add checkbox to settings

resolve #5

src/store/LINKaStore.ts

@@ -29,7 +29,7 @@ export interface LINKaStore {
         mouseActivation: boolean,
         borders: number;
         enabled: boolean;
-        clickSound: boolean,
+        clickSound: boolean;
         animation: boolean
     },
     ui: {

src/store/index.ts

@@ -212,7 +212,7 @@ const store = createStore<LINKaStore>({
     },
     pcHash(state, hash) {
       state.pcHash = hash
-    },
+    }
   },
 
   actions: {

src/views/SetExplorerView.appbar.vue

@@ -37,7 +37,7 @@
       :color="animation ? 'primary' : ''"
       @click="switchAnimation"
       :title="
-        (animation ? 'Выключить' : 'Включить') + ' анимацию'
+        (animation ? 'Выключить' : 'Включить') + ' анимацию изображений'
       "
     >
     <v-icon>{{ animation? "mdi-pause" : "mdi-play" }}</v-icon>

src/views/SettingsView.vue

@@ -51,7 +51,15 @@
                 <v-col xs="6">
                   <v-checkbox
                     v-model="clickSound"
-                    label="звук щелчка при активации кнопки"
+                    label="Звук щелчка при активации кнопки"
+                  />
+                </v-col>
+              </v-row>
+              <v-row>
+                <v-col xs="6">
+                  <v-checkbox
+                    v-model="animation"
+                    label="Анимация изображений"
                   />
                 </v-col>
               </v-row>
@@ -151,6 +159,14 @@ export default class SettingsView extends Vue.with(Props) {
     this.$store.commit("button_mouseActivation", value);
   }
 
+  get animation () {
+    return this.$store.state.button.animation;
+  }
+
+  set animation (value: boolean) {
+    this.$store.dispatch("button_animation");
+  }
+
   get isExitButton () {
     return this.$store.state.ui.exitButton;
   }