feat(add docs):

README.md

@@ -2,6 +2,11 @@
 
 Monaco Editor 官方 rep: https://microsoft.github.io/monaco-editor/
 
+## 演示效果
+演示站点：https://boommanpro.github.io/vue3-vite-monaco-editor/
+
+![演示图片](https://raw.githubusercontent.com/boommanpro/vue3-vite-monaco-editor/main/images/Snipaste_001.jpg)
+
 ## 整体链路
 
 ①创建vite项目
@@ -41,8 +46,10 @@ self.MonacoEnvironment = {
 
 monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);
 ```
+
 3. main.js 引入 -> `import './worker.js'`
 4. 创建组件 MonacoVite.vue 组件实现了双向绑定
+
 ```
 <template>
   <div :style="{

console/vite.config.js

@@ -4,4 +4,5 @@ import vue from '@vitejs/plugin-vue'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue()],
+  base: './', // 设置基础路径为 './' 表示相对路径
 })

docs/assets/cssMode-CLLFfswi.js

@@ -1,4 +1,4 @@
-import{m as et}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{m as et}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/freemarker2-DTx8vtfL.js

@@ -1,4 +1,4 @@
-import{m as f}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{m as f}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/handlebars-B83Dxneu.js

@@ -1,4 +1,4 @@
-import{m as l}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{m as l}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/html-gJDqovCd.js

@@ -1,4 +1,4 @@
-import{m as s}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{m as s}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/htmlMode-Dz0ZCYkG.js

@@ -1,4 +1,4 @@
-import{m as lt}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{m as lt}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/javascript-BO1cQD4O.js

@@ -1,4 +1,4 @@
-import{conf as t,language as e}from"./typescript-Ng0_s1ea.js";import"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{conf as t,language as e}from"./typescript-mPHwF3n0.js";import"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/jsonMode-B3RwhRSW.js

@@ -1,4 +1,4 @@
-import{m as Et}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{m as Et}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/liquid-PyKCdLzP.js

@@ -1,4 +1,4 @@
-import{m as l}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{m as l}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/mdx-DBQO_kft.js

@@ -1,4 +1,4 @@
-import{m as s}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{m as s}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/python-CdcRI_wt.js

@@ -1,4 +1,4 @@
-import{m as o}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{m as o}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/razor-CznYvGqC.js

@@ -1,4 +1,4 @@
-import{m}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{m}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/tsMode-pJtG2Zu1.js

@@ -1,4 +1,4 @@
-import{t as O,m as I}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{t as O,m as I}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/typescript-mPHwF3n0.js

@@ -1,4 +1,4 @@
-import{m as s}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{m as s}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/xml-DTnp7YbE.js

@@ -1,4 +1,4 @@
-import{m as r}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{m as r}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/assets/yaml-DXGD4NdW.js

@@ -1,4 +1,4 @@
-import{m as l}from"./index-BrXGcXRv.js";/*!-----------------------------------------------------------------------------
+import{m as l}from"./index-DYZX9Lay.js";/*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.50.0(c321d0fbecb50ab8a5365fa1965476b0ae63fc87)
  * Released under the MIT license

docs/index.html

@@ -2,11 +2,11 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="./vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + Vue</title>
-    <script type="module" crossorigin src="/assets/index-BrXGcXRv.js"></script>
+    <script type="module" crossorigin src="./assets/index-DYZX9Lay.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-sjOjmtig.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-kHB7Hk61.css">
   </head>
   <body>
     <div id="app"></div>