Use global store

dtinth · Apr 3, 2020 · e972466 · e972466
1 parent 57e5d33
commit e972466
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/options.html b/options.html
@@ -30,7 +30,7 @@ <h2 class="text-2xl text-bbeeff mt-6 mb-4">Language settings</h2>
                 id="first_language"
                 type="text"
                 placeholder="Enter second language"
-                v-model="settings.language1"
+                v-model="store.settings.language1"
               />
             </div>
           </div>
@@ -50,7 +50,7 @@ <h2 class="text-2xl text-bbeeff mt-6 mb-4">Language settings</h2>
                 id="second_language"
                 type="text"
                 placeholder="Enter second language"
-                v-model="settings.language2"
+                v-model="store.settings.language2"
               />
             </div>
           </div>
@@ -59,7 +59,7 @@ <h2 class="text-2xl text-bbeeff mt-6 mb-4">Language settings</h2>
             <div class="w-1/3"></div>
             <div>
               <button
-                @click="save"
+                @click="store.save"
                 class="shadow text-090807 focus:shadow-outline focus:outline-none font-bold py-2 px-4 rounded"
                 :class="[changed ? 'bg-d7fc70' : 'bg-8b8685']"
                 type="button"

diff --git a/options.js b/options.js
@@ -1,11 +1,15 @@
 Vue.config.productionTip = false
 Vue.config.devtools = false
 
-var vm
+var vm = new Vue({
+  el: '#app',
+  data: {
+    store: null,
+  },
+})
 
 function main({ defaultSettings, settings }) {
-  vm = new Vue({
-    el: '#app',
+  vm.store = new Vue({
     data: {
       savedSettings: JSON.parse(JSON.stringify(settings)),
       settings,