From b2c085b2ed28cbac820ec0604aad217c6297ce70 Mon Sep 17 00:00:00 2001
From: jerrywu001 <57242263@163.com>
Date: Tue, 13 Dec 2022 17:40:07 +0800
Subject: [PATCH] docs: update readme

---
 README.md                      | 6 +++++-
 global.d.ts                    | 5 ++---
 playground/src/pages/index.vue | 2 +-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 88faa37..00c0662 100644
--- a/README.md
+++ b/README.md
@@ -51,6 +51,10 @@ Use [vitepress](https://vitepress.vuejs.org/)/[quasar](https://quasar.dev/start/
 
 ## Register Components Globally
 
+***ts work better with volar@0.40.x plugin (volar@latest has some problem ) in .vue***
+
+***is write with tsx, you can use volar@latest plugin***
+
 ```js
 // main.ts
 import SanpackPlugin from 'sandpack-vue3';
@@ -67,7 +71,7 @@ app.use(SanpackPlugin());
     ]
   }
 }
-```
+``
 
 ### registe components
 
diff --git a/global.d.ts b/global.d.ts
index 05ceee3..b1177eb 100644
--- a/global.d.ts
+++ b/global.d.ts
@@ -11,9 +11,9 @@ import {
   SandpackCodeEditor,
   SandpackCodeViewer,
   SandpackPreview,
-  SandpackRunner,
   SandpackStack,
   SandpackTranspiledCode,
+  SandpackFileExplorer,
 } from 'sandpack-vue3';
 
 declare module '@vue/runtime-core' {
@@ -22,11 +22,10 @@ declare module '@vue/runtime-core' {
     SandpackLayout: typeof SandpackLayout;
     SandpackConsole: typeof SandpackConsole;
     SandpackTests: typeof SandpackTests;
-    SandpackLayout: typeof SandpackLayout;
+    CodeEditor: typeof CodeEditor;
     SandpackProvider: typeof SandpackProvider;
     ErrorOverlay: typeof ErrorOverlay;
     LoadingOverlay: typeof LoadingOverlay;
-    CodeEditor: typeof CodeEditor;
     SandpackCodeEditor: typeof SandpackCodeEditor;
     SandpackCodeViewer: typeof SandpackCodeViewer;
     SandpackPreview: typeof SandpackPreview;
diff --git a/playground/src/pages/index.vue b/playground/src/pages/index.vue
index 3b24c2d..88abbdc 100644
--- a/playground/src/pages/index.vue
+++ b/playground/src/pages/index.vue
@@ -3,7 +3,7 @@ import isEqual from 'lodash.isequal';
 import { ref } from 'vue';
 import { githubLight, aquaBlue } from '@codesandbox/sandpack-themes';
 import {
-  Sandpack,
+  // Sandpack,
   // SandpackLayout,
   // SandpackTranspiledCode,
   // SandpackProvider,