From af2fd2d9334999e0122fc31d092ea1af2051c079 Mon Sep 17 00:00:00 2001
From: Josua Meier <josua.meier@ionos.com>
Date: Wed, 20 Jul 2022 13:40:19 +0200
Subject: [PATCH 1/5] Fix eslint config and errors

---
 .eslintrc.js                             | 7 +++----
 package.json                             | 1 -
 src/components/Dots.vue                  | 3 ++-
 src/components/TeamMember.vue            | 2 +-
 src/components/content/Documentation.vue | 2 +-
 src/components/home/Samples.vue          | 3 ++-
 src/layouts/Default.vue                  | 8 --------
 src/main.js                              | 2 +-
 src/pages/AboutUs.vue                    | 8 --------
 src/transformers/table-transformer.js    | 6 ++----
 10 files changed, 12 insertions(+), 30 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 8153233c..b08b2bdc 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,13 +1,11 @@
 module.exports = {
   env: {
     es2021: true,
-    node: true
+    node: true,
   },
-  plugins: ['gridsome'],
   extends: [
     'eslint:recommended',
     'plugin:vue/essential',
-    'plugin:gridsome/recommended',
   ],
   parserOptions: {
     ecmaVersion: 2021,
@@ -16,5 +14,6 @@ module.exports = {
   rules: {
     'object-curly-spacing': ['error', 'always'],
     'comma-dangle': ['error', 'always-multiline'],
-  }
+    'vue/multi-word-component-names': 'off',
+  },
 };
diff --git a/package.json b/package.json
index 35c2db9a..97f1b4c6 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,6 @@
     "dotenv": "^16.0.1",
     "enquirer": "^2.3.6",
     "eslint": "^8.18.0",
-    "eslint-plugin-gridsome": "^1.6.2",
     "eslint-plugin-vue": "^9.1.1",
     "fuse.js": "^6.6.2",
     "gridsome-plugin-htaccess": "^0.2.1",
diff --git a/src/components/Dots.vue b/src/components/Dots.vue
index fac17518..113b35e7 100644
--- a/src/components/Dots.vue
+++ b/src/components/Dots.vue
@@ -2,7 +2,8 @@
   <div ref="wrapper">
     <svg ref="svg" :width="width" :height="height" :viewBox="viewBox">
       <circle
-        v-for="dot in dots"
+        v-for="(dot, index) in dots"
+        :key="index"
         :cx="dot.x"
         :cy="dot.y"
         :r="size"
diff --git a/src/components/TeamMember.vue b/src/components/TeamMember.vue
index c9c328eb..2ab4d3b3 100644
--- a/src/components/TeamMember.vue
+++ b/src/components/TeamMember.vue
@@ -39,7 +39,7 @@ export default {
     role: String,
     image: String,
     github: String,
-    likes: String
+    likes: String,
   },
   components: {
     GithubIcon,
diff --git a/src/components/content/Documentation.vue b/src/components/content/Documentation.vue
index 6d59bd5b..f8514f82 100644
--- a/src/components/content/Documentation.vue
+++ b/src/components/content/Documentation.vue
@@ -30,6 +30,6 @@ export default {
     showPrevNextLinks() {
       return this.page.prev || this.page.next;
     },
-  }
+  },
 };
 </script>
diff --git a/src/components/home/Samples.vue b/src/components/home/Samples.vue
index e129806a..c9f0e8a7 100644
--- a/src/components/home/Samples.vue
+++ b/src/components/home/Samples.vue
@@ -1,7 +1,8 @@
 <template>
   <div class="relative bg-img-dots">
     <img
-      v-for="logo in logos"
+      v-for="(logo, index) in logos"
+      :key="index"
       class="logo absolute pointer-events-none z-0"
       :class="{[logo]: true}"
       :src="logoPath(logo)"
diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
index 13520611..66c85896 100644
--- a/src/layouts/Default.vue
+++ b/src/layouts/Default.vue
@@ -43,20 +43,12 @@ query {
 
 <script>
 import { mapGetters, mapActions } from "vuex";
-import BullhornOutline from "vue-material-design-icons/BullhornOutline";
-import ChevronDoubleRightIcon from "vue-material-design-icons/ChevronDoubleRight";
 import LayoutHeader from "~/components/LayoutHeader";
 import LayoutFooter from "~/components/LayoutFooter";
-import Banner from "~/components/Banner";
 import Sidebar from "~/components/Sidebar";
-import JobSearchLink from "~/components/JobSearchLink";
 
 export default {
   components: {
-    Banner,
-    BullhornOutline,
-    ChevronDoubleRightIcon,
-    JobSearchLink,
     LayoutFooter,
     LayoutHeader,
     Sidebar,
diff --git a/src/main.js b/src/main.js
index 9a4a9d50..4333b458 100644
--- a/src/main.js
+++ b/src/main.js
@@ -26,7 +26,7 @@ export default function (Vue, { router, head, appOptions }) {
   //});
   head.meta.push({
     name: 'google-site-verification',
-    content: 'UtLaJ4v0UZBDPJVc8DqCyiUPSSz9TtMroKmflhpH2eo'
+    content: 'UtLaJ4v0UZBDPJVc8DqCyiUPSSz9TtMroKmflhpH2eo',
   })
 
   // Add meta data to each page
diff --git a/src/pages/AboutUs.vue b/src/pages/AboutUs.vue
index 322cfbed..5713a72a 100644
--- a/src/pages/AboutUs.vue
+++ b/src/pages/AboutUs.vue
@@ -87,20 +87,12 @@ query {
 </page-query>
 
 <script>
-import OpenInNew from 'vue-material-design-icons/OpenInNew';
-import ChevronDoubleRightIcon from 'vue-material-design-icons/ChevronDoubleRight';
-import BullhornOutline from 'vue-material-design-icons/BullhornOutline';
 import TeamMember from '~/components/TeamMember';
-import JobSearchLink from '~/components/JobSearchLink';
 import { metaInfo } from '~/libs/seo';
 
 export default {
   components: {
-    OpenInNew,
-    ChevronDoubleRightIcon,
-    BullhornOutline,
     TeamMember,
-    JobSearchLink,
   },
   data() {
     return {
diff --git a/src/transformers/table-transformer.js b/src/transformers/table-transformer.js
index 777b72a2..27b69ee9 100644
--- a/src/transformers/table-transformer.js
+++ b/src/transformers/table-transformer.js
@@ -1,6 +1,4 @@
-const { selectAll } = require('unist-util-select');
 const map = require('unist-util-map');
-const toHast = require('mdast-util-to-hast');
 
 const addClasses = (node, classes) => {
   node.data = node.data || {};
@@ -16,13 +14,13 @@ function wrapNode(node) {
     children: [node],
     data: {
       //hName: 'div',
-    }
+    },
   })
   delete node.position;
   return addClasses(wrapper,`${node.type}-wrapper`);
 }
 
-module.exports = function (options) {
+module.exports = function () {
   return async function transform(tree) {
     return map(tree, (node) => {
       if (node.type === 'table') console.log('----------\nNode: ', node);

From ac8c2b20a1ffb27966a4ee8dd7864b1399ed0393 Mon Sep 17 00:00:00 2001
From: Josua Meier <josua.meier@ionos.com>
Date: Wed, 20 Jul 2022 17:10:18 +0200
Subject: [PATCH 2/5] feat: Add consent layer as requirement for pixel tracking

---
 README.md                   |  3 +++
 package-lock.json           |  5 ++++
 package.json                |  1 +
 src/libs/location.js        | 30 +++++++++++++++++++++++
 src/libs/privacy-consent.js | 47 +++++++++++++++++++++++++++++++++++++
 src/libs/script-loader.js   | 15 ++++++++++++
 src/main.js                 |  9 ++++++-
 src/pages/Blog.vue          | 18 ++++++++++++++
 8 files changed, 127 insertions(+), 1 deletion(-)
 create mode 100644 src/libs/location.js
 create mode 100644 src/libs/privacy-consent.js
 create mode 100644 src/libs/script-loader.js

diff --git a/README.md b/README.md
index 1b03b7c3..9035a529 100644
--- a/README.md
+++ b/README.md
@@ -17,6 +17,9 @@ npm ci
 cp .env.example .env
 ```
 
+:warning: If .env is missing errors like `Error: Cannot query field "teaser" on type "MarkdownPage".` appear.
+
+
 ### Develop
 
 Run local server.
diff --git a/package-lock.json b/package-lock.json
index 6f0da905..c7ca76b7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4324,6 +4324,11 @@
         }
       }
     },
+    "countries-and-timezones": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/countries-and-timezones/-/countries-and-timezones-3.3.0.tgz",
+      "integrity": "sha512-HkuEKmiHSAOoRW6FAQsCywd6XI6V0g7a4EfQXc99c7bh4vnCAhnoZ1jHEV0QliJumbFX8lFbCX2nu5d8eUiEJw=="
+    },
     "create-ecdh": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
diff --git a/package.json b/package.json
index 97f1b4c6..30c973d7 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "@fontsource/open-sans": "^4.5.10",
     "@fontsource/overpass": "^4.5.8",
     "@gridsome/plugin-sitemap": "^0.4.0",
+    "countries-and-timezones": "^3.3.0",
     "gridsome": "^0.7.23",
     "gridsome-plugin-i18n": "^1.6.0",
     "gridsome-plugin-remark-container": "^0.1.3",
diff --git a/src/libs/location.js b/src/libs/location.js
new file mode 100644
index 00000000..60c8fe44
--- /dev/null
+++ b/src/libs/location.js
@@ -0,0 +1,30 @@
+import { getCountryForTimezone } from "countries-and-timezones";
+
+export function determineCountryByTimezone() {
+  const timezone = Intl.DateTimeFormat()?.resolvedOptions()?.timeZone;
+  const country =  timezone ? getCountryForTimezone(timezone) : 'US';
+  return country?.id;
+}
+
+export function determineLocaleByTimezone() {
+  switch (determineCountryByTimezone()) {
+    case 'DE':
+      return 'de_DE';
+    case 'US':
+      return 'en_US';
+    case 'CA':
+      return 'en_CA';
+    case 'GB':
+      return 'en_GB';
+    case 'ES':
+      return 'es_ES';
+    case 'MX':
+      return 'es_MX';
+    case 'FR':
+      return 'fr_FR';
+    case 'IT':
+      return 'it_IT';
+    default:
+      return 'en_US';
+  }
+}
diff --git a/src/libs/privacy-consent.js b/src/libs/privacy-consent.js
new file mode 100644
index 00000000..f279caa8
--- /dev/null
+++ b/src/libs/privacy-consent.js
@@ -0,0 +1,47 @@
+// More information about PrivacyConsent structure: https://git.ionos.org/SFE/cookie-banner#usage
+
+import { determineLocaleByTimezone } from "./location";
+
+export const STATISTICS = 'statistics';
+
+export function getPrivacyContent() {
+  try {
+    // eslint-disable-next-line no-undef
+    return new PrivacyConsent({ language: determineLocaleByTimezone });
+  } catch (e) {
+    return null;
+  }
+}
+
+export function checkForPrivacyConsent(type, consentedCallback) {
+  if (!hasConsented(type)) {
+    const privacyConsent = getPrivacyContent();
+    if (privacyConsent) {
+      privacyConsent.invoke(
+        () => {
+          if (hasConsented(type)) {
+            consentedCallback();
+          }
+        },
+        type,
+        null,
+        true,
+      );
+      privacyConsent.initialize();
+    }
+  } else {
+    consentedCallback();
+  }
+}
+
+export function hasStatisticsConsented() {
+  return hasConsented(STATISTICS);
+}
+
+export function hasConsented(type) {
+  return getPrivacyContent()?.hasConsented(type);
+}
+
+export function hasScriptLoaded() {
+  return !!getPrivacyContent();
+}
diff --git a/src/libs/script-loader.js b/src/libs/script-loader.js
new file mode 100644
index 00000000..0477d454
--- /dev/null
+++ b/src/libs/script-loader.js
@@ -0,0 +1,15 @@
+export function loadScript({
+  src,
+  options,
+  onLoaded,
+}) {
+  let script = document.createElement('script');
+  script.src = src;
+  script.onload = () => onLoaded();
+  script.async = options?.async || false;
+  if (options?.body) {
+    document.body.append(script);
+  } else {
+    document.head.append(script);
+  }
+}
diff --git a/src/main.js b/src/main.js
index 4333b458..b3d37015 100644
--- a/src/main.js
+++ b/src/main.js
@@ -12,7 +12,7 @@ import '@fontsource/overpass/600.css';
 import '@fontsource/overpass/700.css';
 import '~/assets/styles/app.scss';
 
-export default function (Vue, { router, head, appOptions }) {
+export default function (Vue, { router, head, appOptions, isClient }) {
   Vue.use(Vuex);
   appOptions.store = createStore();
 
@@ -38,4 +38,11 @@ export default function (Vue, { router, head, appOptions }) {
     });
     next();
   });
+
+  if (isClient) {
+    head.link.push({
+      rel: 'stylesheet',
+      href: 'https://var.uicdn.net/shopsshort/privacy/v1/bundle.css',
+    });
+  }
 }
diff --git a/src/pages/Blog.vue b/src/pages/Blog.vue
index 5438ad1f..aef4b4a4 100644
--- a/src/pages/Blog.vue
+++ b/src/pages/Blog.vue
@@ -41,11 +41,29 @@ query {
 
 <script>
 import BlogTeaser from '~/components/BlogTeaser';
+import { loadScript } from "../libs/script-loader";
+import { checkForPrivacyConsent, hasScriptLoaded, STATISTICS } from "../libs/privacy-consent";
 
 export default {
   components: {
     BlogTeaser,
   },
+  mounted() {
+    if (!hasScriptLoaded()) {
+      loadScript({
+        src: 'https://var.uicdn.net/shopsshort/privacy/v1/bundle.js',
+        options: { body: true },
+        onLoaded: () => {
+          checkForPrivacyConsent(STATISTICS, this.loadPixelTracking);
+        },
+      });
+    }
+  },
+  methods: {
+    loadPixelTracking() {
+      console.log('load pixel tracking');
+    },
+  },
   computed: {
     sortedBlogPosts() {
       return this.$page.allMarkdownPage.edges

From 437adfc84d8252ade6bf3169c4e41d5a66a4824c Mon Sep 17 00:00:00 2001
From: Josua Meier <josua.meier@ionos.com>
Date: Thu, 21 Jul 2022 08:47:41 +0200
Subject: [PATCH 3/5] fix: npm audit findings

---
 package-lock.json | 372 +++++++++++++++++-----------------------------
 1 file changed, 139 insertions(+), 233 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c7ca76b7..afc0c5ea 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1476,6 +1476,55 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
+    "@jridgewell/gen-mapping": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
+      "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "@jridgewell/resolve-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
+      "dev": true
+    },
+    "@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "dev": true
+    },
+    "@jridgewell/source-map": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz",
+      "integrity": "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "@jridgewell/sourcemap-codec": {
+      "version": "1.4.14",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
+      "dev": true
+    },
+    "@jridgewell/trace-mapping": {
+      "version": "0.3.14",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.14.tgz",
+      "integrity": "sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/resolve-uri": "^3.0.3",
+        "@jridgewell/sourcemap-codec": "^1.4.10"
+      }
+    },
     "@mrmlnc/readdir-enhanced": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz",
@@ -1744,58 +1793,6 @@
         "vfile-message": "*"
       }
     },
-    "@typescript-eslint/experimental-utils": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-3.10.1.tgz",
-      "integrity": "sha1-4Xn/yBqA68ri6gTgMy+LJRNFpoY=",
-      "dev": true,
-      "requires": {
-        "@types/json-schema": "^7.0.3",
-        "@typescript-eslint/types": "3.10.1",
-        "@typescript-eslint/typescript-estree": "3.10.1",
-        "eslint-scope": "^5.0.0",
-        "eslint-utils": "^2.0.0"
-      }
-    },
-    "@typescript-eslint/types": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-3.10.1.tgz",
-      "integrity": "sha1-HXRj+nwy2KI6tQioA8ov4m51hyc=",
-      "dev": true
-    },
-    "@typescript-eslint/typescript-estree": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-3.10.1.tgz",
-      "integrity": "sha1-/QBhzDit1PrUUTbWVECFafNluFM=",
-      "dev": true,
-      "requires": {
-        "@typescript-eslint/types": "3.10.1",
-        "@typescript-eslint/visitor-keys": "3.10.1",
-        "debug": "^4.1.1",
-        "glob": "^7.1.6",
-        "is-glob": "^4.0.1",
-        "lodash": "^4.17.15",
-        "semver": "^7.3.2",
-        "tsutils": "^3.17.1"
-      }
-    },
-    "@typescript-eslint/visitor-keys": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-3.10.1.tgz",
-      "integrity": "sha1-zUJ0dz4+tjsuhwrGAidEh+zR6TE=",
-      "dev": true,
-      "requires": {
-        "eslint-visitor-keys": "^1.1.0"
-      },
-      "dependencies": {
-        "eslint-visitor-keys": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-          "integrity": "sha1-MOvR73wv3/AcOk8VEESvJfqwUj4=",
-          "dev": true
-        }
-      }
-    },
     "@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
@@ -2314,12 +2311,6 @@
         "negotiator": "0.6.2"
       }
     },
-    "acorn": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
-      "dev": true
-    },
     "acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
@@ -2603,9 +2594,9 @@
       "dev": true
     },
     "async": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
-      "integrity": "sha1-1yYl4jRKNlbjo61Pp0n6gymdgv8=",
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
       "requires": {
         "lodash": "^4.17.14"
       }
@@ -3863,9 +3854,9 @@
       },
       "dependencies": {
         "ansi-regex": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
-          "integrity": "sha1-i5+PCM8ay4Q3Vqg5yox+MWjFGZc=",
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+          "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
           "dev": true
         },
         "ansi-styles": {
@@ -6043,58 +6034,6 @@
         }
       }
     },
-    "eslint-plugin-gridsome": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-gridsome/-/eslint-plugin-gridsome-1.6.2.tgz",
-      "integrity": "sha1-3je/TuWiWuEssQEGPPuVnI/uLx8=",
-      "dev": true,
-      "requires": {
-        "@typescript-eslint/experimental-utils": "^3.3.0",
-        "minimatch": "^3.0.4",
-        "prettier": "^2.0.5",
-        "vue-eslint-parser": "^7.1.0"
-      },
-      "dependencies": {
-        "eslint-visitor-keys": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-          "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-          "dev": true
-        },
-        "espree": {
-          "version": "6.2.1",
-          "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz",
-          "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
-          "dev": true,
-          "requires": {
-            "acorn": "^7.1.1",
-            "acorn-jsx": "^5.2.0",
-            "eslint-visitor-keys": "^1.1.0"
-          }
-        },
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-          "dev": true
-        },
-        "vue-eslint-parser": {
-          "version": "7.11.0",
-          "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.11.0.tgz",
-          "integrity": "sha512-qh3VhDLeh773wjgNTl7ss0VejY9bMMa0GoDG2fQVyDzRFdiU3L7fw74tWZDHNQXdZqxO3EveQroa9ct39D2nqg==",
-          "dev": true,
-          "requires": {
-            "debug": "^4.1.1",
-            "eslint-scope": "^5.1.1",
-            "eslint-visitor-keys": "^1.1.0",
-            "espree": "^6.2.1",
-            "esquery": "^1.4.0",
-            "lodash": "^4.17.21",
-            "semver": "^6.3.0"
-          }
-        }
-      }
-    },
     "eslint-plugin-vue": {
       "version": "9.1.1",
       "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.1.1.tgz",
@@ -6143,33 +6082,6 @@
         }
       }
     },
-    "eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
-      "requires": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      }
-    },
-    "eslint-utils": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
-      "integrity": "sha1-0t5eA0JOcH3BDHQGjd7a5wh0Gyc=",
-      "dev": true,
-      "requires": {
-        "eslint-visitor-keys": "^1.1.0"
-      },
-      "dependencies": {
-        "eslint-visitor-keys": {
-          "version": "1.3.0",
-          "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-          "integrity": "sha1-MOvR73wv3/AcOk8VEESvJfqwUj4=",
-          "dev": true
-        }
-      }
-    },
     "eslint-visitor-keys": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz",
@@ -6264,12 +6176,9 @@
       "integrity": "sha1-Mala0Kkk4tLEGagTrrLE6HjqdAA="
     },
     "eventsource": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-1.1.0.tgz",
-      "integrity": "sha1-AOjKfJIQnpSw3fMtrGd9hBAoz68=",
-      "requires": {
-        "original": "^1.0.0"
-      }
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-1.1.2.tgz",
+      "integrity": "sha512-xAH3zWhgO2/3KIniEKYPr8plNSzlGINOUqYj0m0u7AB81iRw8b/3E73W6AuU+6klLbaSFmZnaETQ2lXPfAydrA=="
     },
     "evp_bytestokey": {
       "version": "1.0.3",
@@ -6734,7 +6643,7 @@
     "extsprintf": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
-      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU="
+      "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g=="
     },
     "fast-deep-equal": {
       "version": "3.1.3",
@@ -7027,6 +6936,30 @@
           "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
           "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
         },
+        "string-width": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+          "requires": {
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^4.0.0"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "3.0.1",
+              "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
+              "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw=="
+            },
+            "strip-ansi": {
+              "version": "4.0.0",
+              "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+              "integrity": "sha512-4XaJ2zQdCzROZDivEVIDPkcQn8LMFSa8kj8Gxb/Lnwzv9A8VctNZ+lfivC/sV3ivW8ElJTERXZoPBRrZKkNKow==",
+              "requires": {
+                "ansi-regex": "^3.0.0"
+              }
+            }
+          }
+        },
         "strip-ansi": {
           "version": "3.0.1",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
@@ -9304,9 +9237,9 @@
       "integrity": "sha1-fEeAWpQxmSjgV3dAXcEuH3pO4C0="
     },
     "json-schema": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz",
-      "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM="
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA=="
     },
     "json-schema-traverse": {
       "version": "0.4.1",
@@ -9346,13 +9279,13 @@
       }
     },
     "jsprim": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
-      "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz",
+      "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==",
       "requires": {
         "assert-plus": "1.0.0",
         "extsprintf": "1.3.0",
-        "json-schema": "0.2.3",
+        "json-schema": "0.4.0",
         "verror": "1.10.0"
       }
     },
@@ -10095,9 +10028,9 @@
       }
     },
     "minimist": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
-      "integrity": "sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI="
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+      "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
     },
     "minimist-options": {
       "version": "4.1.0",
@@ -10190,9 +10123,9 @@
       "integrity": "sha1-+hDJEVzG2IZb4iG6R+6b7XhgERM="
     },
     "moment": {
-      "version": "2.29.1",
-      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
-      "integrity": "sha1-sr52n6MZQL6e7qZGnAdeNQBvo9M="
+      "version": "2.29.4",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+      "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w=="
     },
     "moment-mini": {
       "version": "2.24.0",
@@ -10851,14 +10784,6 @@
         "word-wrap": "^1.2.3"
       }
     },
-    "original": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/original/-/original-1.0.2.tgz",
-      "integrity": "sha1-5EKmHP/hxf0gpl8yYcJmY7MD8l8=",
-      "requires": {
-        "url-parse": "^1.4.3"
-      }
-    },
     "os-browserify": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
@@ -12009,12 +11934,6 @@
       "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
       "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw="
     },
-    "prettier": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.4.1.tgz",
-      "integrity": "sha512-9fbDAXSBcc6Bs1mZrDYb3XKzDLm4EXXL9sC1LqKP5rZkT6KRr/rf9amVUcODVXgguK/isJz0d0hP72WeaKWsvA==",
-      "dev": true
-    },
     "pretty-error": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.2.tgz",
@@ -12031,9 +11950,9 @@
       "dev": true
     },
     "prismjs": {
-      "version": "1.25.0",
-      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.25.0.tgz",
-      "integrity": "sha512-WCjJHl1KEWbnkQom1+SzftbtXMKQoezOCYs5rECqMN+jP+apI7ftoflyqigqzopSO3hMhTEb0mFClA8lkolgEg==",
+      "version": "1.28.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.28.0.tgz",
+      "integrity": "sha512-8aaXdYvl1F7iC7Xm1spqSaY/OJBpYW3v+KJ+F17iYxvdc8sfjW194COK5wVhMZX45tGteiBQgdvD/nhxcRwylw==",
       "dev": true
     },
     "probe-image-size": {
@@ -12234,7 +12153,7 @@
     "querystringify": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
-      "integrity": "sha1-M0WUG0FTy50ILY7uTNogFqmu9/Y="
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
     },
     "queue-microtask": {
       "version": "1.2.3",
@@ -12806,7 +12725,7 @@
     "requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
     },
     "resolve": {
       "version": "1.20.0",
@@ -13348,9 +13267,9 @@
       "integrity": "sha1-9Gl2CCujXCJj8cirXt/ibEHJVS8="
     },
     "simple-get": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.0.tgz",
-      "integrity": "sha1-c/pignjSHeg9rdVRLSzB9Icr1nU=",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
+      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
       "requires": {
         "decompress-response": "^6.0.0",
         "once": "^1.3.1",
@@ -13360,7 +13279,7 @@
         "decompress-response": {
           "version": "6.0.0",
           "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
-          "integrity": "sha1-yjh2Et234QS9FthaqwDV7PCcZvw=",
+          "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
           "requires": {
             "mimic-response": "^3.1.0"
           }
@@ -13368,7 +13287,7 @@
         "mimic-response": {
           "version": "3.1.0",
           "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
-          "integrity": "sha1-LR1Zr5wbEpgVrMwsRqAipc4fo8k="
+          "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ=="
         }
       }
     },
@@ -14089,26 +14008,19 @@
       "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM="
     },
     "string-width": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
-      "integrity": "sha1-q5Pyeo3BPSjKyBXEYhQ6bZASrp4=",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
       "requires": {
-        "is-fullwidth-code-point": "^2.0.0",
-        "strip-ansi": "^4.0.0"
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
       },
       "dependencies": {
-        "ansi-regex": {
+        "is-fullwidth-code-point": {
           "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
-          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg="
-        },
-        "strip-ansi": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
-          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
-          "requires": {
-            "ansi-regex": "^3.0.0"
-          }
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
         }
       }
     },
@@ -14499,20 +14411,21 @@
       "integrity": "sha1-KmpUhAQywvtjIP6g9BVTHpAYn1Q="
     },
     "terser": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.9.0.tgz",
-      "integrity": "sha512-h5hxa23sCdpzcye/7b8YqbE5OwKca/ni0RQz1uRX3tGh8haaGHqcuSqbGRybuAKNdntZ0mDgFNXPJ48xQ2RXKQ==",
+      "version": "5.14.2",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.14.2.tgz",
+      "integrity": "sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==",
       "dev": true,
       "requires": {
+        "@jridgewell/source-map": "^0.3.2",
+        "acorn": "^8.5.0",
         "commander": "^2.20.0",
-        "source-map": "~0.7.2",
         "source-map-support": "~0.5.20"
       },
       "dependencies": {
-        "source-map": {
-          "version": "0.7.3",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
-          "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
+        "acorn": {
+          "version": "8.7.1",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.1.tgz",
+          "integrity": "sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==",
           "dev": true
         }
       }
@@ -14759,21 +14672,6 @@
         "glob": "^7.1.2"
       }
     },
-    "tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha1-zy04vcNKE0vK8QkcQfZhni9nLQA=",
-      "dev": true
-    },
-    "tsutils": {
-      "version": "3.21.0",
-      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
-      "integrity": "sha1-tIcX05TOpsHglpg+7Vjp1hcVtiM=",
-      "dev": true,
-      "requires": {
-        "tslib": "^1.8.1"
-      }
-    },
     "tty-browserify": {
       "version": "0.0.0",
       "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
@@ -15224,9 +15122,9 @@
       }
     },
     "url-parse": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.3.tgz",
-      "integrity": "sha1-ccEwPTj7Zjmt4YPCmSyMwGht+GI=",
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
       "requires": {
         "querystringify": "^2.1.1",
         "requires-port": "^1.0.0"
@@ -15325,7 +15223,7 @@
     "verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
-      "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
+      "integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==",
       "requires": {
         "assert-plus": "^1.0.0",
         "core-util-is": "1.0.2",
@@ -15335,7 +15233,7 @@
         "core-util-is": {
           "version": "1.0.2",
           "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
-          "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
+          "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ=="
         }
       }
     },
@@ -16123,6 +16021,15 @@
           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
           "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg="
         },
+        "string-width": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+          "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+          "requires": {
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^4.0.0"
+          }
+        },
         "strip-ansi": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
@@ -16265,8 +16172,7 @@
       "dependencies": {
         "ansi-regex": {
           "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
-          "integrity": "sha1-i5+PCM8ay4Q3Vqg5yox+MWjFGZc=",
+          "resolved": "",
           "dev": true
         },
         "emoji-regex": {

From b1b1cdaa8ba4735ca9aea5bc8cdce3fdc2e86be4 Mon Sep 17 00:00:00 2001
From: Josua Meier <josua.meier@ionos.com>
Date: Thu, 21 Jul 2022 11:05:53 +0200
Subject: [PATCH 4/5] fix: build step was executed even if deployment was
 disabled

---
 .github/workflows/deploy-now.yaml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/deploy-now.yaml b/.github/workflows/deploy-now.yaml
index 711f818f..2fd9e483 100644
--- a/.github/workflows/deploy-now.yaml
+++ b/.github/workflows/deploy-now.yaml
@@ -38,6 +38,7 @@ jobs:
           node-version: v14.x
 
       - name: Build Node assets
+        if: ${{ steps.project.outputs.deployment-enabled == 'true' }}
         env:
           CI: true
           SHOW_BLOG: true
@@ -56,4 +57,4 @@ jobs:
           service-host: api-eu.ionos.space
           api-key: ${{ secrets.IONOS_API_KEY }}
           dist-folder: dist
-          runtime-placeholder-files: ${{ steps.template.outputs.runtime-placeholder-files }}
\ No newline at end of file
+          runtime-placeholder-files: ${{ steps.template.outputs.runtime-placeholder-files }}

From c94421ff3a10a2ba45570f962f44d6f6b4e533ae Mon Sep 17 00:00:00 2001
From: Josua Meier <josua.meier@ionos.com>
Date: Tue, 26 Jul 2022 09:04:51 +0200
Subject: [PATCH 5/5] Improve loading script and styles for consent banner by
 using vue-meta

---
 src/libs/privacy-consent.js |  8 --------
 src/libs/script-loader.js   | 15 ---------------
 src/main.js                 |  7 -------
 src/pages/Blog.vue          | 33 ++++++++++++++++++---------------
 4 files changed, 18 insertions(+), 45 deletions(-)
 delete mode 100644 src/libs/script-loader.js

diff --git a/src/libs/privacy-consent.js b/src/libs/privacy-consent.js
index f279caa8..898081f9 100644
--- a/src/libs/privacy-consent.js
+++ b/src/libs/privacy-consent.js
@@ -34,14 +34,6 @@ export function checkForPrivacyConsent(type, consentedCallback) {
   }
 }
 
-export function hasStatisticsConsented() {
-  return hasConsented(STATISTICS);
-}
-
 export function hasConsented(type) {
   return getPrivacyContent()?.hasConsented(type);
 }
-
-export function hasScriptLoaded() {
-  return !!getPrivacyContent();
-}
diff --git a/src/libs/script-loader.js b/src/libs/script-loader.js
deleted file mode 100644
index 0477d454..00000000
--- a/src/libs/script-loader.js
+++ /dev/null
@@ -1,15 +0,0 @@
-export function loadScript({
-  src,
-  options,
-  onLoaded,
-}) {
-  let script = document.createElement('script');
-  script.src = src;
-  script.onload = () => onLoaded();
-  script.async = options?.async || false;
-  if (options?.body) {
-    document.body.append(script);
-  } else {
-    document.head.append(script);
-  }
-}
diff --git a/src/main.js b/src/main.js
index b3d37015..77ee952f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -38,11 +38,4 @@ export default function (Vue, { router, head, appOptions, isClient }) {
     });
     next();
   });
-
-  if (isClient) {
-    head.link.push({
-      rel: 'stylesheet',
-      href: 'https://var.uicdn.net/shopsshort/privacy/v1/bundle.css',
-    });
-  }
 }
diff --git a/src/pages/Blog.vue b/src/pages/Blog.vue
index aef4b4a4..2e5cf791 100644
--- a/src/pages/Blog.vue
+++ b/src/pages/Blog.vue
@@ -41,24 +41,12 @@ query {
 
 <script>
 import BlogTeaser from '~/components/BlogTeaser';
-import { loadScript } from "../libs/script-loader";
-import { checkForPrivacyConsent, hasScriptLoaded, STATISTICS } from "../libs/privacy-consent";
+import { checkForPrivacyConsent, STATISTICS } from "../libs/privacy-consent";
 
 export default {
   components: {
     BlogTeaser,
   },
-  mounted() {
-    if (!hasScriptLoaded()) {
-      loadScript({
-        src: 'https://var.uicdn.net/shopsshort/privacy/v1/bundle.js',
-        options: { body: true },
-        onLoaded: () => {
-          checkForPrivacyConsent(STATISTICS, this.loadPixelTracking);
-        },
-      });
-    }
-  },
   methods: {
     loadPixelTracking() {
       console.log('load pixel tracking');
@@ -82,8 +70,23 @@ export default {
       }, { left: [], right: [] });
     },
   },
-  metaInfo: {
-    title: 'Blog',
+  metaInfo() {
+    return {
+      title: 'Blog',
+      script: [
+        {
+          src: 'https://var.uicdn.net/shopsshort/privacy/v1/bundle.js',
+          body: true,
+          callback: () => checkForPrivacyConsent(STATISTICS, this.loadPixelTracking),
+        },
+      ],
+      link: [
+        {
+          rel: 'stylesheet',
+          href: 'https://var.uicdn.net/shopsshort/privacy/v1/bundle.css',
+        },
+      ],
+    }
   },
 };
 </script>