From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Thu, 17 Sep 2020 22:40:10 +0000 (+0200)
Subject: docs: fix ssr
X-Git-Tag: v4.0.0-beta.10~9
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=31ce38db2948d7464e5cd06d57df46c43995b740;p=thirdparty%2Fvuejs%2Frouter.git

docs: fix ssr
---

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>