From aae44570930f7fd6b0dce95de25774a3bc0ca522 Mon Sep 17 00:00:00 2001 From: Andres Janes Date: Wed, 3 Jun 2020 19:41:46 +0100 Subject: [PATCH 1/3] Bumped vuetify to 2.2.31. Refactored components for use with Vuetify 2 --- package-lock.json | 116 +++++++++++++++++++++++++----- package.json | 101 +++++++++++++------------- public/index.html | 2 + src/App.vue | 10 +-- src/components/VSnackbarQueue.md | 10 +-- src/components/VSnackbarQueue.vue | 12 +--- src/main.js | 2 + src/plugins/vuetify.js | 12 ++++ vue.config.js | 5 ++ 9 files changed, 185 insertions(+), 85 deletions(-) create mode 100644 src/plugins/vuetify.js create mode 100644 vue.config.js diff --git a/package-lock.json b/package-lock.json index 96e4cdf..f2bcfdb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2186,7 +2186,6 @@ "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz", "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==", "dev": true, - "optional": true, "requires": { "normalize-path": "^3.0.0", "picomatch": "^2.0.4" @@ -2688,8 +2687,7 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.0.0.tgz", "integrity": "sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==", - "dev": true, - "optional": true + "dev": true }, "bluebird": { "version": "3.7.2", @@ -3423,7 +3421,6 @@ "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.0.tgz", "integrity": "sha512-aXAaho2VJtisB/1fg1+3nlLJqGOuewTzQpd/Tz0yTg2R0e4IGtshYvtjowyEumcBv2z+y4+kc75Mz7j5xJskcQ==", "dev": true, - "optional": true, "requires": { "anymatch": "~3.1.1", "braces": "~3.0.2", @@ -3440,7 +3437,6 @@ "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", "dev": true, - "optional": true, "requires": { "fill-range": "^7.0.1" } @@ -3450,7 +3446,6 @@ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", "dev": true, - "optional": true, "requires": { "to-regex-range": "^5.0.1" } @@ -3459,15 +3454,13 @@ "version": "7.0.0", "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true, - "optional": true + "dev": true }, "to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", "dev": true, - "optional": true, "requires": { "is-number": "^7.0.0" } @@ -3791,6 +3784,17 @@ "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=", "dev": true }, + "clone-deep": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz", + "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==", + "dev": true, + "requires": { + "is-plain-object": "^2.0.4", + "kind-of": "^6.0.2", + "shallow-clone": "^3.0.0" + } + }, "clsx": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz", @@ -7722,6 +7726,12 @@ } } }, + "interpret": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz", + "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==", + "dev": true + }, "invariant": { "version": "2.2.4", "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", @@ -7814,7 +7824,6 @@ "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", "dev": true, - "optional": true, "requires": { "binary-extensions": "^2.0.0" } @@ -10323,8 +10332,7 @@ "version": "2.2.2", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz", "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==", - "dev": true, - "optional": true + "dev": true }, "pify": { "version": "4.0.1", @@ -12932,7 +12940,6 @@ "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz", "integrity": "sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==", "dev": true, - "optional": true, "requires": { "picomatch": "^2.2.1" } @@ -12985,6 +12992,15 @@ } } }, + "rechoir": { + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz", + "integrity": "sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=", + "dev": true, + "requires": { + "resolve": "^1.1.6" + } + }, "recursive-readdir": { "version": "2.2.2", "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.2.tgz", @@ -13506,6 +13522,36 @@ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", "dev": true }, + "sass": { + "version": "1.26.7", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.26.7.tgz", + "integrity": "sha512-xgNazdkr6yvgHEfNaOjKtZzhDZmKYMCmoRKMPrTDo7YvjaITIzU2DDYsIUuN/atAg7/JOxPeCQHH7TtCo5Tq2g==", + "dev": true, + "requires": { + "chokidar": ">=2.0.0 <4.0.0" + } + }, + "sass-loader": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-8.0.2.tgz", + "integrity": "sha512-7o4dbSK8/Ol2KflEmSco4jTjQoV988bM82P9CZdmo9hR3RLnvNc0ufMNdMrB0caq38JQ/FgF4/7RcbcfKzxoFQ==", + "dev": true, + "requires": { + "clone-deep": "^4.0.1", + "loader-utils": "^1.2.3", + "neo-async": "^2.6.1", + "schema-utils": "^2.6.1", + "semver": "^6.3.0" + }, + "dependencies": { + "semver": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", + "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "dev": true + } + } + }, "sax": { "version": "1.2.4", "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", @@ -13753,6 +13799,15 @@ "safe-buffer": "^5.0.1" } }, + "shallow-clone": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz", + "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==", + "dev": true, + "requires": { + "kind-of": "^6.0.2" + } + }, "shebang-command": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", @@ -13774,6 +13829,17 @@ "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==", "dev": true }, + "shelljs": { + "version": "0.8.4", + "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.4.tgz", + "integrity": "sha512-7gk3UZ9kOfPLIAbslLzyWeGiEqx9e3rxwZM0KE6EL8GlGwjym9Mrlx5/p33bWTu9YG6vcS4MBxYZDHYr5lr8BQ==", + "dev": true, + "requires": { + "glob": "^7.0.0", + "interpret": "^1.0.0", + "rechoir": "^0.6.2" + } + }, "signal-exit": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz", @@ -15503,6 +15569,24 @@ "webpack-merge": "^4.2.1" } }, + "vue-cli-plugin-vuetify": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/vue-cli-plugin-vuetify/-/vue-cli-plugin-vuetify-2.0.5.tgz", + "integrity": "sha512-jtxcidjLT5f1H9QLYKLFjo/ZG42ud4pI9bK3WNO5DXyhiMDMTwSZ7b3NcJVRH7tKYbv5/ty0VPdDGlf4w22AMA==", + "dev": true, + "requires": { + "semver": "^7.1.2", + "shelljs": "^0.8.3" + }, + "dependencies": { + "semver": { + "version": "7.3.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz", + "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==", + "dev": true + } + } + }, "vue-docgen-api": { "version": "4.24.0", "resolved": "https://registry.npmjs.org/vue-docgen-api/-/vue-docgen-api-4.24.0.tgz", @@ -16032,9 +16116,9 @@ "dev": true }, "vuetify": { - "version": "1.5.24", - "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-1.5.24.tgz", - "integrity": "sha512-guFOgEgZ8VpSgNXOv1QL2fOliaJBoiyNnf+bBqcXsnIppJGRlW1wyT6Ux7ZlQyphSHs+UK1aJNUjcyAtoOiHWg==" + "version": "2.2.31", + "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-2.2.31.tgz", + "integrity": "sha512-Ad9NgJr6S7iOd9oMtzOfswEQG4dmVOWaAMSk+3T5oSveVBiSWVLG5F0jVHL9Pe8VblcT4L4EXsTldGT9P3BzLA==" }, "vuetify-loader": { "version": "1.4.4", diff --git a/package.json b/package.json index 6f99827..788b783 100644 --- a/package.json +++ b/package.json @@ -1,51 +1,54 @@ { - "name": "vuetify-snackbar-queue", - "version": "0.2.1", - "description": ">Simple plugin for queueing v-snackbars in Vuetify * Extends VSnackbar component and adds items[] prop * Queues Snackbars displaying one at a time", - "author": "Andres Janes ", - "scripts": { - "serve": "vue-cli-service serve", - "build": "vue-cli-service build", - "lint": "vue-cli-service lint", - "prepublishOnly": "publish-please guard", - "publish-please": "publish-please", - "styleguide": "vue-cli-service styleguidist", - "styleguide:build": "vue-cli-service styleguidist:build", - "upgrade:interactive": "npm-check -u" - }, - "main": "index.js", - "dependencies": { - "vue": "^2.5.17", - "vuetify": "^1.3.8" - }, - "devDependencies": { - "@vue/cli-plugin-babel": "^4.4.1", - "@vue/cli-plugin-eslint": "^4.4.1", - "@vue/cli-service": "^4.4.1", - "babel-eslint": "^10.0.1", - "core-js": "^3.6.5", - "eslint": "^7.1.0", - "eslint-plugin-vue": "^6.2.2", - "npm-check": "^5.9.2", - "publish-please": "^5.2.0", - "vue-cli-plugin-styleguidist": "~4.24.0", - "vue-template-compiler": "^2.5.17", - "vuetify-loader": "^1.0.5" - }, - "bugs": { - "url": "https://github.com/ajanes93/vuetify-snackbar-queue/issues" - }, - "homepage": "https://github.com/ajanes93/vuetify-snackbar-queue#readme", - "keywords": [ - "vue", - "vuetify", - "plugin", - "snackbar", - "material" - ], - "license": "MIT", - "repository": { - "type": "git", - "url": "git+https://github.com/ajanes93/vuetify-snackbar-queue.git" - } + "name": "vuetify-snackbar-queue", + "version": "0.2.1", + "description": ">Simple plugin for queueing v-snackbars in Vuetify * Extends VSnackbar component and adds items[] prop * Queues Snackbars displaying one at a time", + "author": "Andres Janes ", + "scripts": { + "serve": "vue-cli-service serve", + "build": "vue-cli-service build", + "lint": "vue-cli-service lint", + "prepublishOnly": "publish-please guard", + "publish-please": "publish-please", + "styleguide": "vue-cli-service styleguidist", + "styleguide:build": "vue-cli-service styleguidist:build", + "upgrade:interactive": "npm-check -u" + }, + "main": "index.js", + "dependencies": { + "vue": "^2.5.17", + "vuetify": "^2.2.31" + }, + "devDependencies": { + "@vue/cli-plugin-babel": "^4.4.1", + "@vue/cli-plugin-eslint": "^4.4.1", + "@vue/cli-service": "^4.4.1", + "babel-eslint": "^10.0.1", + "core-js": "^3.6.5", + "eslint": "^7.1.0", + "eslint-plugin-vue": "^6.2.2", + "npm-check": "^5.9.2", + "publish-please": "^5.2.0", + "sass": "^1.19.0", + "sass-loader": "^8.0.0", + "vue-cli-plugin-styleguidist": "~4.24.0", + "vue-cli-plugin-vuetify": "~2.0.5", + "vue-template-compiler": "^2.5.17", + "vuetify-loader": "^1.3.0" + }, + "bugs": { + "url": "https://github.com/ajanes93/vuetify-snackbar-queue/issues" + }, + "homepage": "https://github.com/ajanes93/vuetify-snackbar-queue#readme", + "keywords": [ + "vue", + "vuetify", + "plugin", + "snackbar", + "material" + ], + "license": "MIT", + "repository": { + "type": "git", + "url": "git+https://github.com/ajanes93/vuetify-snackbar-queue.git" + } } diff --git a/public/index.html b/public/index.html index d1ff220..a1a3ce9 100644 --- a/public/index.html +++ b/public/index.html @@ -10,6 +10,8 @@ href="//fonts.googleapis.com/css?family=Roboto:100:300,400,500,700,900|Material+Icons" rel="stylesheet" /> + +