docs: fix ssr

diff --git a/docs/.vitepress/theme/Layout.vue b/docs/.vitepress/theme/Layout.vue
index c59e0f2333c36d07fff6d9459c44610a496f47c3..354a736ae072b8ca9c7fea115af3fa5ad7ad2215 100644 (file)
--- a/docs/.vitepress/theme/Layout.vue
+++ b/docs/.vitepress/theme/Layout.vue
@@ -3,7 +3,7 @@
     <template #sidebar-top>
       <CarbonAds
         v-if="$site.themeConfig.carbonAds"
-        :key="$page.path"
+        :key="'carbon' + $page.path"
         :code="$site.themeConfig.carbonAds.carbon"
         :placement="$site.themeConfig.carbonAds.placement"
       />
@@ -11,7 +11,7 @@
     <template #page-bottom>
       <BuySellAds
         v-if="$site.themeConfig.carbonAds"
-        :key="$page.path"
+        :key="'custom' + $page.path"
         :code="$site.themeConfig.carbonAds.custom"
         :placement="$site.themeConfig.carbonAds.placement"
       />

diff --git a/docs/.vitepress/theme/components/BuySellAds.vue b/docs/.vitepress/theme/components/BuySellAds.vue
index ed3875b2b3d997089dae595cc55359d977ffe3e5..1ad27ac6ba5dcf8647960f789a69ca113820dae1 100644 (file)
--- a/docs/.vitepress/theme/components/BuySellAds.vue
+++ b/docs/.vitepress/theme/components/BuySellAds.vue
@@ -1,3 +1,9 @@
+<template>
+  <div class="bsa-cpc-wrapper">
+    <div class="bsa-cpc"></div>
+  </div>
+</template>
+
 <script>
 import { h, onMounted } from 'vue'
 
@@ -41,9 +47,6 @@ export default {
         load()
       }
     })
-
-    return () =>
-      h('div', { class: 'bsa-cpc-wrapper' }, [h('div', { class: 'bsa-cpc' })])
   },
 }
 </script>

diff --git a/docs/.vitepress/theme/components/CarbonAds.vue b/docs/.vitepress/theme/components/CarbonAds.vue
index a6aea0ceb62ac2fc3185e885b328270a162b40e4..90631962188622c453425b7f4ca6b28ec6a362e8 100644 (file)
--- a/docs/.vitepress/theme/components/CarbonAds.vue
+++ b/docs/.vitepress/theme/components/CarbonAds.vue
@@ -1,3 +1,7 @@
+<template>
+  <div class="carbon-ads" ref="el"></div>
+</template>
+
 <script>
 import { h, onMounted, ref } from 'vue'
 
@@ -24,7 +28,7 @@ export default {
       el.value.appendChild(s)
     })
 
-    return () => h('div', { class: 'carbon-ads', ref: el })
+    return { el }
   },
 }
 </script>