Bump dependencies

.eslintrc.js

@@ -26,8 +26,7 @@ module.exports = {
         "extraFileExtensions": [".vue"]
     },
     "plugins": [
-        "@typescript-eslint",
-        "vuetify"
+        "@typescript-eslint"
     ],
     "rules": {
         "vue/require-prop-types": "off",
@@ -42,9 +41,6 @@ module.exports = {
             "allowEmptyLines": false
         }],
         "vue/attribute-hyphenation": "off",
-        "vuetify/no-deprecated-classes": "error",
-        "vuetify/grid-unknown-attributes": "error",
-        "vuetify/no-legacy-grid": "error",
         "@typescript-eslint/consistent-type-assertions": "error",
         "@typescript-eslint/indent": "error",
         "@typescript-eslint/member-delimiter-style": [

gulpfile.js

@@ -9,7 +9,7 @@ var del = require("del");
 var replace = require("gulp-replace");
 var signAddon = require("sign-addon").default;
 var rollup = require("rollup");
-var resolve = require("@rollup/plugin-node-resolve");
+var resolve = require("@rollup/plugin-node-resolve").nodeResolve;
 var typescript = require("rollup-plugin-typescript2");
 var terser = require("rollup-plugin-terser").terser;
 var vue = require("rollup-plugin-vue");

package.json

@@ -2,36 +2,35 @@
   "name": "kee-browser-addon",
   "version": "3.0.0",
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^6.0.0",
-    "@rollup/plugin-url": "^4.0.0",
-    "@typescript-eslint/eslint-plugin": "^2.19.2",
-    "@typescript-eslint/parser": "^2.19.2",
+    "@rollup/plugin-node-resolve": "^8.1.0",
+    "@rollup/plugin-url": "^5.0.1",
+    "@typescript-eslint/eslint-plugin": "^3.4.0",
+    "@typescript-eslint/parser": "^3.4.0",
     "del": "^5.1.0",
-    "eslint": "^6.8.0",
-    "eslint-plugin-vue": "^6.1.2",
-    "eslint-plugin-vuetify": "^1.0.0-beta.6",
+    "eslint": "^7.3.1",
+    "eslint-plugin-vue": "^6.2.2",
     "firefox-addons-add-update-version": "1.0.1",
     "gulp": "^4.0.2",
     "gulp-eslint": "^6.0.0",
     "gulp-replace": "^1.0.0",
     "gulp-zip": "^5.0.1",
     "merge-stream": "^2.0.0",
-    "rollup": "^1.27.13",
+    "rollup": "^2.18.0",
     "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-copy": "^3.1.0",
-    "rollup-plugin-iife": "^0.3.0",
+    "rollup-plugin-copy": "^3.3.0",
+    "rollup-plugin-iife": "^0.3.1",
     "rollup-plugin-replace": "^2.2.0",
-    "rollup-plugin-terser": "^5.1.3",
-    "rollup-plugin-typescript2": "^0.25.3",
-    "rollup-plugin-vue": "^5.1.4",
-    "sign-addon": "^2.0.4",
-    "typescript": "^3.7.3",
+    "rollup-plugin-terser": "^6.1.0",
+    "rollup-plugin-typescript2": "^0.27.1",
+    "rollup-plugin-vue": "^5.1.9",
+    "sign-addon": "^2.0.6",
+    "typescript": "^3.9.5",
     "vue-template-compiler": "^2.6.11"
   },
   "dependencies": {
     "vue": "^2.6.11",
-    "vuetify": "^2.2.12",
-    "vuex": "^3.1.2"
+    "vuetify": "^2.3.2",
+    "vuex": "^3.4.0"
   },
   "scripts": {
     "package:debug": "gulp package:debug",

popup/App.vue

@@ -9,7 +9,7 @@
     >
       <SearchInput />
     </v-app-bar>
-    <v-content :class="`${showSearchPanel ? 'app_height_medium' : 'app_height_tall'}`">
+    <v-main :class="`${showSearchPanel ? 'app_height_medium' : 'app_height_tall'}`">
       <v-container
         fluid
       >
@@ -71,7 +71,7 @@
           v-if="showSaveWhere"
         />
       </v-container>
-    </v-content>
+    </v-main>
 
     <v-tooltip
       left
@@ -159,7 +159,7 @@
       >
         <template v-slot:activator="{ on }">
           <div
-            class="caption py-1 shrink"
+            class="text-caption py-1 shrink"
             style="word-break: break-word;overflow-wrap: break-word;max-width: 210px;"
             v-on="on"
           >
@@ -190,7 +190,7 @@
           <v-list-item @click="showHelp">
             <v-list-item-title
               right
-              class="mr-4 text-right body-2"
+              class="mr-4 text-right text-body-2"
             >
               {{ $i18n('Help_Centre_Button_label') }}
             </v-list-item-title>
@@ -403,17 +403,17 @@ export default {
 </script>
 
 <style>
-.v-content__wrap {
+.v-main__wrap {
   overflow-y: scroll;
 }
 
-.app_height_medium .v-content__wrap {
+.app_height_medium .v-main__wrap {
   max-height: 466px;
   min-height: 466px;
   height: 466px;
 }
 
-.app_height_tall .v-content__wrap {
+.app_height_tall .v-main__wrap {
   max-height: 522px;
   min-height: 522px;
   height: 522px;

popup/components/Entry.vue

@@ -45,7 +45,7 @@
                 <v-row no-gutters>
                   <v-col
                     :style="`${expanded ? 'visibility:hidden' : ''}`"
-                    class="text-truncate caption"
+                    class="text-truncate text-caption"
                   >
                     {{ usernameDisplayValue }}
                   </v-col>
@@ -101,7 +101,7 @@
                         small
                         class="py-1 pl-0 pr-2"
                       >mdi-folder</v-icon>
-                      <span class="text-truncate caption py-1">{{ entryPath }}</span>
+                      <span class="text-truncate text-caption py-1">{{ entryPath }}</span>
                     </v-row>
                   </template>
                   <span>{{ fullEntryPath }}</span>
@@ -120,7 +120,7 @@
                         small
                         class="py-1 pl-0 pr-2"
                       >mdi-cloud</v-icon>
-                      <span class="text-truncate caption py-1">{{ entryDomain }}</span>
+                      <span class="text-truncate text-caption py-1">{{ entryDomain }}</span>
                     </v-row>
                   </template>
                   <span>{{ entrySummary.url }}</span>

popup/components/SaveWhere.vue

@@ -7,7 +7,7 @@
         <v-row justify="center">
           <v-col
             style="cursor: default"
-            class="title text-center"
+            class="text-h6 text-center"
           >
             {{ $i18n('where') }}
           </v-col>