docs: rollback vitepress (vuejs#646)

Author: posva

docs/.vitepress/theme/Layout.vue

@@ -3,18 +3,18 @@
     <template #navbar-search>
       <AlgoliaSearchBox :options="$site.themeConfig.algolia" />
     </template>
-    <template #page-top-ads>
+    <template #page-top>
       <CarbonAds
         v-if="$site.themeConfig.carbonAds"
-        :key="'carbon' + $page.path"
+        :key="'carbon' + $page.relativePath"
         :code="$site.themeConfig.carbonAds.carbon"
         :placement="$site.themeConfig.carbonAds.placement"
       />
     </template>
-    <template #page-bottom-ads>
+    <template #page-bottom>
       <BuySellAds
         v-if="$site.themeConfig.carbonAds"
-        :key="'custom' + $page.path"
+        :key="'custom' + $page.relativePath"
         :code="$site.themeConfig.carbonAds.custom"
         :placement="$site.themeConfig.carbonAds.placement"
       />

docs/.vitepress/theme/components/CarbonAds.vue

@@ -2,21 +2,34 @@
   <div class="carbon-ads" ref="el" />
 </template>
 
-<script setup lang="ts">
-import { defineProps, ref, onMounted } from 'vue'
+<script lang="ts">
+import { defineComponent, ref, onMounted } from 'vue'
 
-const { code, placement } = defineProps<{
-  code: string
-  placement: string
-}>()
+export default defineComponent({
+  props: {
+    code: {
+      type: String,
+      required: true,
+    },
+    placement: {
+      type: String,
+      required: true,
+    },
+  },
 
-const el = ref()
+  setup(props) {
+    const el = ref()
+    onMounted(() => {
+      const s = document.createElement('script')
+      s.id = '_carbonads_js'
+      s.src = `//cdn.carbonads.com/carbon.js?serve=${props.code}&placement=${props.placement}`
+      el.value.appendChild(s)
+    })
 
-onMounted(() => {
-  const s = document.createElement('script')
-  s.id = '_carbonads_js'
-  s.src = `//cdn.carbonads.com/carbon.js?serve=${code}&placement=${placement}`
-  el.value.appendChild(s)
+    // TODO: change on route change
+
+    return { el }
+  },
 })
 </script>
 

package.json

@@ -101,7 +101,7 @@
     "ts-loader": "^8.0.11",
     "ts-node": "^9.0.0",
     "typescript": "^4.1.2",
-    "vitepress": "^0.9.1",
+    "vitepress": "^0.8.1",
     "vue": "^3.0.3",
     "vue-loader": "^16.1.0",
     "webpack": "^5.10.0",