fix: fix AdsenseItem props bugs

izhichao · Jun 16, 2024 · 03470be · 03470be
1 parent 4b621f1
commit 03470be
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 18 deletions.
diff --git a/src/components/AdsenseItem.vue b/src/components/AdsenseItem.vue
@@ -1,19 +1,28 @@
 <template>
-  <ins
-    class="adsbygoogle"
-    style="display: block"
-    :data-ad-client="client"
-    :data-ad-slot="slot"
-    data-ad-format="auto"
-    data-full-width-responsive="true"
-  ></ins>
+  <ClientOnly>
+    <ins
+      class="adsbygoogle"
+      style="display: block"
+      :data-ad-client="client"
+      :data-ad-slot="slot"
+      data-ad-format="auto"
+      data-full-width-responsive="true"
+    ></ins>
+  </ClientOnly>
 </template>
-
 <script lang="ts" setup>
-
+import { onMounted } from 'vue';
 defineProps({
   client: String,
   slot: String
 });
 
+onMounted(() => {
+  try {
+    // @ts-ignore
+    window.addAds();
+  } catch (e) {
+    console.log(e);
+  }
+});
 </script>
diff --git a/src/views/ThemeLayout.vue b/src/views/ThemeLayout.vue
@@ -1,52 +1,52 @@
 <template>
   <Layout>
     <template #page-top>
-      <AdsenseItem v-if="adsense && adsense['page-top']" :client="adsense.client" :slot="adsense['page-top'].slot" />
+      <AdsenseItem v-if="adsense && adsense['page-top']" :client="adsense.client" :slot="adsense['page-top']" />
     </template>
     <template #page-bottom>
       <AdsenseItem
         v-if="adsense && adsense['page-bottom']"
         :client="adsense.client"
-        :slot="adsense['page-bottom'].slot"
+        :slot="adsense['page-bottom']"
       />
     </template>
     <template #sidebar-nav-before>
       <AdsenseItem
         v-if="adsense && adsense['sidebar-nav-before']"
         :client="adsense.client"
-        :slot="adsense['sidebar-nav-before'].slot"
+        :slot="adsense['sidebar-nav-before']"
       />
     </template>
     <template #sidebar-nav-after>
       <AdsenseItem
         v-if="adsense && adsense['sidebar-nav-after']"
         :client="adsense.client"
-        :slot="adsense['sidebar-nav-after'].slot"
+        :slot="adsense['sidebar-nav-after']"
       />
     </template>
     <template #aside-outline-before>
       <AdsenseItem
         v-if="adsense && adsense['aside-outline-before']"
         :client="adsense.client"
-        :slot="adsense['aside-outline-before'].slot"
+        :slot="adsense['aside-outline-before']"
       />
     </template>
     <template #aside-outline-after>
       <AdsenseItem
         v-if="adsense && adsense['aside-outline-after']"
         :client="adsense.client"
-        :slot="adsense['aside-outline-after'].slot"
+        :slot="adsense['aside-outline-after']"
       />
     </template>
     <template #doc-before>
       <AdsenseItem
         v-if="adsense && adsense['doc-before']"
         :client="adsense.client"
-        :slot="adsense['doc-before'].slot"
+        :slot="adsense['doc-before']"
       />
     </template>
     <template #doc-after>
-      <AdsenseItem v-if="adsense && adsense['doc-after']" :client="adsense.client" :slot="adsense['doc-after'].slot" />
+      <AdsenseItem v-if="adsense && adsense['doc-after']" :client="adsense.client" :slot="adsense['doc-after']" />
       <CommentItem />
     </template>
     <template #doc-footer-before><PostInfoItem /></template>