Google Ads (#6)

components/GoogleAd.vue

@@ -0,0 +1,38 @@
+<template>
+  <ins
+    class="adsbygoogle"
+    :data-ad-client="adClient"
+    :data-ad-slot="adSlot"
+    :data-ad-format="adFormat"
+    :style="adStyle"
+  ></ins>
+</template>
+
+<script>
+export default {
+  name: 'GoogleAd',
+  props: {
+    adClient: {
+      type: String,
+      required: true,
+    },
+    adSlot: {
+      type: String,
+      required: true,
+    },
+    adFormat: {
+      type: String,
+      required: false,
+      default: 'auto',
+    },
+    adStyle: {
+      type: String,
+      required: false,
+      default: 'display: block',
+    },
+  },
+  mounted() {
+    ;(window.adsbygoogle = window.adsbygoogle || []).push({})
+  },
+}
+</script>