From 6d0cde4b8e9071d7ddf68d7821ace0ba094f8300 Mon Sep 17 00:00:00 2001
From: zernonia <zernonia@gmail.com>
Date: Thu, 14 Mar 2024 18:46:29 +0800
Subject: [PATCH] docs: stackblitz not showing code on app.vue

---
 apps/www/.vitepress/theme/components/CodeSandbox.vue | 2 +-
 apps/www/.vitepress/theme/components/Stackblitz.vue  | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/apps/www/.vitepress/theme/components/CodeSandbox.vue b/apps/www/.vitepress/theme/components/CodeSandbox.vue
index ce594013..56bfb25c 100644
--- a/apps/www/.vitepress/theme/components/CodeSandbox.vue
+++ b/apps/www/.vitepress/theme/components/CodeSandbox.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref, toRefs, watch } from 'vue'
+import { ref, toRefs, watch } from 'vue'
 import { Icon } from '@iconify/vue'
 import { makeCodeSandboxParams } from '../utils/codeeditor'
 import Tooltip from './Tooltip.vue'
diff --git a/apps/www/.vitepress/theme/components/Stackblitz.vue b/apps/www/.vitepress/theme/components/Stackblitz.vue
index ab176915..fe364a67 100644
--- a/apps/www/.vitepress/theme/components/Stackblitz.vue
+++ b/apps/www/.vitepress/theme/components/Stackblitz.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref, toRefs, watch } from 'vue'
+import { ref, toRefs, watch } from 'vue'
 import { Icon } from '@iconify/vue'
 import { makeStackblitzParams } from '../utils/codeeditor'
 import Tooltip from './Tooltip.vue'
@@ -15,12 +15,9 @@ const props = defineProps<{
 const { code } = toRefs(props)
 const sources = ref<Record<string, string>>({})
 
-onMounted(() => {
-})
-
 watch(code, () => {
   sources.value['App.vue'] = code.value
-})
+}, { immediate: true })
 
 function handleClick() {
   makeStackblitzParams(props.name, props.style, sources.value)