From 27163b8d79d073aa0bc0ca2be47580454e9ae2cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Tue, 6 Aug 2019 10:55:20 +0200
Subject: [PATCH] Install vue-sweetalert-icon globally

Updating the package to `v4.0.0` still gives me this warning:
```
 WARN  Compiled with 1 warnings
 WARN  in ./components/PasswordReset/ChangePassword.vue?vue&type=script&lang=js&
"export 'SweetalertIcon' was not found in 'vue-sweetalert-icons'
```

According to this thread https://github.com/JorgenVatle/vue-sweetalert-icons/issues/3
I copy+pasted the example configuration:
https://github.com/JorgenVatle/vue-sweetalert-icons-preview/blob/master/nuxt.config.js
https://github.com/JorgenVatle/vue-sweetalert-icons-preview/blob/master/plugins/vue-sweetalert-icons.js

And now the compile warnings are gone. I'm going to ask the maintainer if the
local import is not possible with `v4.0.0` anymore.
---
 webapp/components/Modal/ConfirmModal.vue          |  5 -----
 webapp/components/Modal/ReportModal.vue           |  4 ----
 .../components/PasswordReset/ChangePassword.vue   |  2 --
 webapp/components/PasswordReset/Request.vue       |  4 ----
 .../components/Registration/CreateUserAccount.vue |  2 --
 webapp/components/Registration/Signup.vue         |  4 ----
 webapp/nuxt.config.js                             |  1 +
 webapp/package.json                               |  2 +-
 webapp/plugins/vue-sweetalert-icons.js            |  4 ++++
 webapp/yarn.lock                                  | 15 +++++++++------
 10 files changed, 15 insertions(+), 28 deletions(-)
 create mode 100644 webapp/plugins/vue-sweetalert-icons.js

diff --git a/webapp/components/Modal/ConfirmModal.vue b/webapp/components/Modal/ConfirmModal.vue
index 147258849..771eee103 100644
--- a/webapp/components/Modal/ConfirmModal.vue
+++ b/webapp/components/Modal/ConfirmModal.vue
@@ -28,13 +28,8 @@
 </template>
 
 <script>
-import { SweetalertIcon } from 'vue-sweetalert-icons'
-
 export default {
   name: 'ConfirmModal',
-  components: {
-    SweetalertIcon,
-  },
   props: {
     name: { type: String, default: '' },
     type: { type: String, required: true },
diff --git a/webapp/components/Modal/ReportModal.vue b/webapp/components/Modal/ReportModal.vue
index 16b6a469b..e2ec30155 100644
--- a/webapp/components/Modal/ReportModal.vue
+++ b/webapp/components/Modal/ReportModal.vue
@@ -27,13 +27,9 @@
 
 <script>
 import gql from 'graphql-tag'
-import { SweetalertIcon } from 'vue-sweetalert-icons'
 
 export default {
   name: 'ReportModal',
-  components: {
-    SweetalertIcon,
-  },
   props: {
     name: { type: String, default: '' },
     type: { type: String, required: true },
diff --git a/webapp/components/PasswordReset/ChangePassword.vue b/webapp/components/PasswordReset/ChangePassword.vue
index f59edffa1..346f0fcdf 100644
--- a/webapp/components/PasswordReset/ChangePassword.vue
+++ b/webapp/components/PasswordReset/ChangePassword.vue
@@ -54,12 +54,10 @@
 <script>
 import PasswordStrength from '../Password/Strength'
 import gql from 'graphql-tag'
-import { SweetalertIcon } from 'vue-sweetalert-icons'
 import PasswordForm from '~/components/utils/PasswordFormHelper'
 
 export default {
   components: {
-    SweetalertIcon,
     PasswordStrength,
   },
   props: {
diff --git a/webapp/components/PasswordReset/Request.vue b/webapp/components/PasswordReset/Request.vue
index 8ca2da89b..d0364004e 100644
--- a/webapp/components/PasswordReset/Request.vue
+++ b/webapp/components/PasswordReset/Request.vue
@@ -48,12 +48,8 @@
 
 <script>
 import gql from 'graphql-tag'
-import { SweetalertIcon } from 'vue-sweetalert-icons'
 
 export default {
-  components: {
-    SweetalertIcon,
-  },
   data() {
     return {
       formData: {
diff --git a/webapp/components/Registration/CreateUserAccount.vue b/webapp/components/Registration/CreateUserAccount.vue
index 86267594b..50bdd78e3 100644
--- a/webapp/components/Registration/CreateUserAccount.vue
+++ b/webapp/components/Registration/CreateUserAccount.vue
@@ -71,7 +71,6 @@
 <script>
 import gql from 'graphql-tag'
 import PasswordStrength from '../Password/Strength'
-import { SweetalertIcon } from 'vue-sweetalert-icons'
 import PasswordForm from '~/components/utils/PasswordFormHelper'
 
 export const SignupVerificationMutation = gql`
@@ -86,7 +85,6 @@ export const SignupVerificationMutation = gql`
 export default {
   components: {
     PasswordStrength,
-    SweetalertIcon,
   },
   data() {
     const passwordForm = PasswordForm({ translate: this.$t })
diff --git a/webapp/components/Registration/Signup.vue b/webapp/components/Registration/Signup.vue
index 175db1fd6..621f1a4a5 100644
--- a/webapp/components/Registration/Signup.vue
+++ b/webapp/components/Registration/Signup.vue
@@ -56,7 +56,6 @@
 
 <script>
 import gql from 'graphql-tag'
-import { SweetalertIcon } from 'vue-sweetalert-icons'
 
 export const SignupMutation = gql`
   mutation($email: String!) {
@@ -73,9 +72,6 @@ export const SignupByInvitationMutation = gql`
   }
 `
 export default {
-  components: {
-    SweetalertIcon,
-  },
   props: {
     token: { type: String, default: null },
   },
diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js
index e7f4d5cbd..2f4105a02 100644
--- a/webapp/nuxt.config.js
+++ b/webapp/nuxt.config.js
@@ -100,6 +100,7 @@ module.exports = {
     { src: '~/plugins/v-tooltip.js', ssr: false },
     { src: '~/plugins/izi-toast.js', ssr: false },
     { src: '~/plugins/vue-filters.js' },
+    { src: '~/plugins/vue-sweetalert-icons.js' },
   ],
 
   router: {
diff --git a/webapp/package.json b/webapp/package.json
index bb38e6803..36055c2d2 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -77,7 +77,7 @@
     "vue-count-to": "~1.0.13",
     "vue-izitoast": "1.1.2",
     "vuex-i18n": "~1.13.1",
-    "vue-sweetalert-icons": "~3.2.1",
+    "vue-sweetalert-icons": "~4.0.0",
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
diff --git a/webapp/plugins/vue-sweetalert-icons.js b/webapp/plugins/vue-sweetalert-icons.js
new file mode 100644
index 000000000..a833af8ca
--- /dev/null
+++ b/webapp/plugins/vue-sweetalert-icons.js
@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import VueSweetalertIcons from 'vue-sweetalert-icons'
+
+Vue.use(VueSweetalertIcons)
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index 7ce8ee523..5d8c91b40 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -10345,7 +10345,7 @@ node-releases@^1.1.19:
   dependencies:
     semver "^5.3.0"
 
-node-sass@~4.12.0:
+node-sass@^4.12.0, node-sass@~4.12.0:
   version "4.12.0"
   resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.12.0.tgz#0914f531932380114a30cc5fa4fa63233a25f017"
   integrity sha512-A1Iv4oN+Iel6EPv77/HddXErL2a+gZ4uBeZUy+a8O35CFYTXhgA8MgLCWBtwpGZdCvTvQ9d+bQxX/QC36GDPpQ==
@@ -13129,7 +13129,7 @@ sass-graph@^2.2.4:
     scss-tokenizer "^0.2.3"
     yargs "^7.0.0"
 
-sass-loader@~7.1.0:
+sass-loader@^7.1.0, sass-loader@~7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-7.1.0.tgz#16fd5138cb8b424bf8a759528a1972d72aad069d"
   integrity sha512-+G+BKGglmZM2GUSfT9TLuEp6tzehHPjAMoRRItOojWIqIGPloVCMhNIQuG639eJ+y033PaGTSjLaTHts8Kw79w==
@@ -15053,10 +15053,13 @@ vue-svg-loader@~0.12.0:
     loader-utils "^1.2.3"
     svg-to-vue "^0.4.0"
 
-vue-sweetalert-icons@~3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/vue-sweetalert-icons/-/vue-sweetalert-icons-3.2.1.tgz#d37b3ee91504e2f5e5a00941f43a0faacd409dfe"
-  integrity sha512-Exu2+ob+0BhMyo8kkHyEOcG/IDZGSPHxpbt8ZDSUwxPE9Fk/qt6JKiH/Q338giZGHCM9yfFym8yrWiRfPNbM+g==
+vue-sweetalert-icons@~4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/vue-sweetalert-icons/-/vue-sweetalert-icons-4.0.0.tgz#49dfda05b7f8539288734d7a110d9a6ab53fd324"
+  integrity sha512-C1VJpLpUSBn387VNcaBAPfsqnHdRSvJmCascLFWHrs0AXtOKEbG+XiRIHnR/K7IR3SinASPM/uBmSHFsES/PEw==
+  dependencies:
+    node-sass "^4.12.0"
+    sass-loader "^7.1.0"
 
 vue-template-compiler@^2.6.10:
   version "2.6.10"