Merge pull request #1654 from rmcrackan/rmcrackan/vitepress-fix

#1652: Fix vitepress publish

.vitepress/theme/Layout.vue

@@ -1,19 +1,23 @@
 <script setup>
+import { ref, onMounted, defineAsyncComponent } from 'vue'
 import DefaultTheme from 'vitepress/theme'
-import { ClientOnly } from 'vitepress/components'
-import DownloadSuggestionWidget from './DownloadSuggestionWidget.vue'
 import { useData } from 'vitepress'
 
 const { frontmatter } = useData()
 const { Layout: DefaultLayout } = DefaultTheme
+const mounted = ref(false)
+onMounted(() => { mounted.value = true })
+
+// Load widget only on client so download-detection.js (navigator) never runs during SSR
+const DownloadSuggestionWidget = defineAsyncComponent(() =>
+  import('./DownloadSuggestionWidget.vue')
+)
 </script>
 
 <template>
   <DefaultLayout>
     <template #home-hero-after>
-      <ClientOnly>
-        <DownloadSuggestionWidget v-if="frontmatter.layout === 'home'" />
-      </ClientOnly>
+      <DownloadSuggestionWidget v-if="frontmatter.layout === 'home' && mounted" />
     </template>
   </DefaultLayout>
 </template>