diff --git a/docs/.vitepress/theme/components/PixiJSContainer/index.vue b/docs/.vitepress/theme/components/PixiJSContainer/index.vue
index 1554591..9d5d9c7 100644
--- a/docs/.vitepress/theme/components/PixiJSContainer/index.vue
+++ b/docs/.vitepress/theme/components/PixiJSContainer/index.vue
@@ -24,7 +24,7 @@ const message = useMessage()
 
 const containerRef = ref<HTMLElement>()
 const showHighlighted = ref(props.expand)
-const isUsingTs = ref(true)
+const isUsingTs = ref(!!props.sfcTsCode)
 
 const sfcTsCode = computed(() => decodeURIComponent(props.sfcTsCode))
 const sfcJsCode = computed(() => decodeURIComponent(props.sfcJsCode))
@@ -50,7 +50,7 @@ async function onCopyCode() {
   <Card>
     <template #header>
       <div class="flex gap-2">
-        <div class="cursor-pointer i-akar-icons-typescript-fill p-10px" :class="[isUsingTs && 'text-[#007acc]']" @click="isUsingTs = true" />
+        <div v-if="sfcTsCode" class="cursor-pointer i-akar-icons-typescript-fill p-10px" :class="[isUsingTs && 'text-[#007acc]']" @click="isUsingTs = true" />
         <div class="cursor-pointer i-akar-icons-javascript-fill p-10px" :class="[!isUsingTs && 'text-amber']" @click="isUsingTs = false" />
       </div>
       <div class="flex gap-2">
@@ -67,8 +67,8 @@ async function onCopyCode() {
         />
       </div>
     </template>
-    <div ref="containerRef" class="flex justify-center">
-      <Application v-if="app" :width="688" :height="300">
+    <div ref="containerRef" class="flex justify-center bg-black min-h-300px">
+      <Application v-if="app" :width="300" :height="300">
         <slot />
       </Application>
       <template v-else>
diff --git a/docs/guide/demo/aaa.vue b/docs/guide/demo/aaa.vue
deleted file mode 100644
index b2cb1f3..0000000
--- a/docs/guide/demo/aaa.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<script lang="ts" setup>
-</script>
-
-<template>
-  <div>---</div>
-</template>
-
-<style lang="scss" scoped></style>
diff --git a/docs/guide/demo/basic.vue b/docs/guide/demo/basic.vue
new file mode 100644
index 0000000..33db9b7
--- /dev/null
+++ b/docs/guide/demo/basic.vue
@@ -0,0 +1,11 @@
+<script setup>
+import { Application } from 'vue3-pixi'
+</script>
+
+<template>
+  <Application :width="300" :height="300">
+    <text :anchor="0.5" :x="150" :y="150" :style="{ fill: 'white' }">
+      Hello World
+    </text>
+  </Application>
+</template>
diff --git a/docs/guide/index.md b/docs/guide/index.md
index fb9fd71..e69de29 100644
--- a/docs/guide/index.md
+++ b/docs/guide/index.md
@@ -1,5 +0,0 @@
-# adwa
-
-## bwawa
-
-<demo src="./demo/aaa.vue" />