update jsstore version in vue, service worker example

Author: ujjwalguptaofficial

service_worker/service-worker.js

@@ -1,5 +1,5 @@
-importScripts('https://cdn.jsdelivr.net/npm/jsstore@4.0.0/dist/jsstore.min.js');
-importScripts('https://cdn.jsdelivr.net/npm/jsstore@4.0.0/dist/jsstore.worker.min.js');
+importScripts('https://cdn.jsdelivr.net/npm/jsstore@4.2.6/dist/jsstore.min.js');
+importScripts('https://cdn.jsdelivr.net/npm/jsstore@4.2.6/dist/jsstore.worker.min.js');
 
 self.addEventListener('fetch', function (event) {
   console.log("fetch event:", event.request.url);
@@ -8,14 +8,15 @@ self.addEventListener('fetch', function (event) {
 var dbName = "Demo";
 
 async function initDb() {
-  var connection = new JsStore.Instance();
+  var connection = new JsStore.Connection();
   var isDbCreated = await connection.initDb(getDbSchema());
   if (isDbCreated) {
     console.log('db created');
   }
   else {
     console.log('db opened');
   }
+  return connection;
 }
 
 function getDbSchema() {
@@ -50,4 +51,10 @@ function getDbSchema() {
     tables: [table]
   }
   return db;
-}
+}
+
+self.addEventListener('install', (event) => {
+  event.waitUntil(initDb().then(function (connection) {
+    return connection.terminate();
+  }));
+});

vue/package-lock.json

@@ -10,7 +10,7 @@
   "dependencies": {
     "core-js": "^2.6.5",
     "file-loader": "^6.2.0",
-    "jsstore": "^4.0.0",
+    "jsstore": "^4.2.6",
     "vue": "^2.6.10"
   },
   "devDependencies": {