From 31ce38db2948d7464e5cd06d57df46c43995b740 Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Fri, 18 Sep 2020 00:40:10 +0200
Subject: [PATCH] docs: fix ssr

---
 docs/.vitepress/theme/Layout.vue                | 4 ++--
 docs/.vitepress/theme/components/BuySellAds.vue | 9 ++++++---
 docs/.vitepress/theme/components/CarbonAds.vue  | 6 +++++-
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/docs/.vitepress/theme/Layout.vue b/docs/.vitepress/theme/Layout.vue
index c59e0f23..354a736a 100644
--- 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 ed3875b2..1ad27ac6 100644
--- 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 a6aea0ce..90631962 100644
--- 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>
-- 
2.47.3