docs: fix ssr

Author: posva

docs/.vitepress/theme/Layout.vue

@@ -3,15 +3,15 @@
     <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"
       />
     </template>
     <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"
       />

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>

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>