From b37ba8baf22209dbf3a6ebbb1c14d29cfa201a8f Mon Sep 17 00:00:00 2001
From: Minzkraut <minzkraut@gmail.com>
Date: Mon, 28 Mar 2022 20:15:32 +0200
Subject: [PATCH] Add google ads

---
 package-lock.json           | 10 ++++++++++
 package.json                |  2 ++
 src/components/Commands.vue |  9 +++++++++
 src/main.js                 |  3 +++
 vue.config.js               |  5 ++++-
 5 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index a4139ab..ecfa74e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11921,6 +11921,11 @@
         }
       }
     },
+    "vue-google-adsense": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/vue-google-adsense/-/vue-google-adsense-1.10.1.tgz",
+      "integrity": "sha512-F8S6TGK4kyDDvBy7plnWkclz/2bnJNLM2GgPn2K0bzxZi5p5/Nul+NHAkUkXpwdI/eoy+M7ibnkOMhvgd7T9rw=="
+    },
     "vue-hot-reload-api": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
@@ -12029,6 +12034,11 @@
         }
       }
     },
+    "vue-script2": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/vue-script2/-/vue-script2-2.1.0.tgz",
+      "integrity": "sha512-EDUOjQBFvhkJXwmWuUR9ijlF7/4JtmvjXSKaHSa/LNTMy9ltjgKgYB68aqlxgq8ORdSxowd5eo24P1syjZJnBA=="
+    },
     "vue-style-loader": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
diff --git a/package.json b/package.json
index db7c80a..294e20b 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,8 @@
   "dependencies": {
     "core-js": "^3.6.5",
     "vue": "^2.6.11",
+    "vue-google-adsense": "^1.10.1",
+    "vue-script2": "^2.1.0",
     "vuetify": "^2.4.0"
   },
   "devDependencies": {
diff --git a/src/components/Commands.vue b/src/components/Commands.vue
index 4388e17..e9eaed8 100644
--- a/src/components/Commands.vue
+++ b/src/components/Commands.vue
@@ -13,6 +13,15 @@
           <input type="hidden" id="panel" :value="'/editprofile theme ' + panelColor.substring(1,7)">
           <v-btn @click.stop.prevent="copyColor('panel')">Copy</v-btn>
         </div>
+        <div class="ad-container flex-item" style="">
+        <Adsense
+          data-ad-client="ca-pub-4611357578399674"
+          data-ad-slot="9274429601"
+          data-ad-format="auto"
+          data-full-width-responsive="true"
+        >
+        </Adsense>
+      </div>
     </div>
 </template>
 
diff --git a/src/main.js b/src/main.js
index abdaba9..0138aa0 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,8 +2,11 @@ import Vue from 'vue'
 import App from './App.vue'
 import vuetify from './plugins/vuetify'
 import './gtm.js'
+import Ads from 'vue-google-adsense'
 
 Vue.config.productionTip = false
+Vue.use(require('vue-script2'))
+Vue.use(Ads.Adsense)
 
 new Vue({
   vuetify,
diff --git a/vue.config.js b/vue.config.js
index 2ae460b..7169597 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,5 +1,8 @@
 module.exports = {
   transpileDependencies: [
     'vuetify'
-  ]
+  ],
+  devServer: {
+    disableHostCheck: true
+  }
 }