From e97246608dc0e3f037b82ab6a60981c757f643de Mon Sep 17 00:00:00 2001
From: Thai Pangsakulyanont <dtinth@spacet.me>
Date: Fri, 3 Apr 2020 23:26:45 +0700
Subject: [PATCH] Use global store

---
 options.html |  6 +++---
 options.js   | 10 +++++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/options.html b/options.html
index 9b0b42e..2e31a5d 100644
--- 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
index 38464f1..902c4b0 100644
--- 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,