fix: vite SSR build fixes

krisk · Jan 27, 2023 · 3ae8299 · 3ae8299
1 parent 5969ca7
commit 3ae8299
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 14 deletions.
diff --git a/docs/.vuepress/client.ts b/docs/.vuepress/client.ts
@@ -13,16 +13,18 @@ export default defineClientConfig({
     Layout
   },
   enhance({ router }) {
-    self.MonacoEnvironment = {
-      getWorker(_, label) {
-        switch (label) {
-          case 'json':
-            return new jsonWorker()
-          case 'typescript':
-          case 'javascript':
-            return new tsWorker()
-          default:
-            return editorWorker()
+    if (!__VUEPRESS_SSR__) {
+      self.MonacoEnvironment = {
+        getWorker(_, label) {
+          switch (label) {
+            case 'json':
+              return new jsonWorker()
+            case 'typescript':
+            case 'javascript':
+              return new tsWorker()
+            default:
+              return editorWorker()
+          }
         }
       }
     }
@@ -46,6 +48,8 @@ export default defineClientConfig({
 })
 
 declare global {
+  const __VUEPRESS_SSR__: boolean
+
   interface Window {
     MonacoEnvironment?: import('monaco-editor').Environment | undefined
   }

diff --git a/docs/.vuepress/components/Demo/MonacoEditor.vue b/docs/.vuepress/components/Demo/MonacoEditor.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import loader from '@monaco-editor/loader'
+import { isFunction } from '@sapphire/utilities'
 import * as Monaco from 'monaco-editor'
 import { computed, onMounted, ref, watch } from 'vue'
-import loader from '@monaco-editor/loader';
 
 interface Emits {
   (event: 'update:modelValue', value: string): void
@@ -17,7 +18,7 @@ const props = defineProps<{
   readonly?: boolean
 }>()
 
-const loadedMonaco = await loader.init();
+const loadedMonaco = isFunction(loader.init) ? await loader.init() : undefined
 
 const emit = defineEmits<Emits>()
 const isLoading = ref(true)

diff --git a/docs/.vuepress/components/TwitterFollow/TwitterFollow.vue b/docs/.vuepress/components/TwitterFollow/TwitterFollow.vue
@@ -6,11 +6,13 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
-
 import TwitterBird from './TwitterBird.vue'
 
 const url = new URL('https://twitter.com/intent/follow')
-url.searchParams.append('original_referer', window.location.href)
+url.searchParams.append(
+  'original_referer',
+  __VUEPRESS_SSR__ ? 'https://fusejs.io' : window.location.href
+)
 url.searchParams.append(
   'ref_src',
   encodeURIComponent('twsrc^tfw|twcamp^buttonembed|twterm^follow|twgr^kirorisk')