Merge pull request #51 from dbssman/feature/50-search-add-temporary-search-tool

🚀 Add search and make Components SSR Friendly

Author: dbssman

docs/components/SandboxEmbedder.vue

@@ -27,15 +27,15 @@ const styleObject = computed(() => ({
 }))
 
 const setDimensions = () => {
-    height.value = Number(document.querySelector('.VPContent')?.clientHeight)
-    width.value = Number(document.querySelector('.VPDoc')?.clientWidth)
+    height.value = Number(document?.querySelector('.VPContent')?.clientHeight)
+    width.value = Number(document?.querySelector('.VPDoc')?.clientWidth)
 }
 
 onMounted(() => {
     setDimensions()
+    window?.addEventListener('resize', setDimensions)
 })
 
-window.addEventListener('resize', setDimensions)
 </script>
 
 <style>

docs/vite.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import { SearchPlugin } from 'vitepress-plugin-search'
+
+export default defineConfig({
+    plugins: [
+        SearchPlugin()
+    ]
+})