style: 更新演练场

FightingDesign · Dec 1, 2023 · 2170847 · 2170847
1 parent bc69c01
commit 2170847
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 68 deletions.
diff --git a/packages/fighting-playground/src/App copy.vue b/packages/fighting-playground/src/App copy.vue
diff --git a/packages/fighting-playground/src/App.vue b/packages/fighting-playground/src/App.vue
@@ -19,8 +19,7 @@
 
 <template>
   <header-vue />
-  <!-- <repl :store="store" show-compile-output :editor="CodeMirror" /> -->
-  <repl :editor="CodeMirror" />
+  <repl :store="store" show-compile-output :editor="CodeMirror" />
 </template>
 
 <style lang="scss">

diff --git a/packages/fighting-playground/src/main.ts b/packages/fighting-playground/src/main.ts
@@ -1,6 +1,6 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 
-// console.clear = (): string => ''
+console.clear = (): string => ''
 
 createApp(App).mount('#app')
diff --git a/packages/fighting-playground/src/store/index.ts b/packages/fighting-playground/src/store/index.ts
@@ -12,7 +12,7 @@ import {
   fightingImports,
   publicPath
 } from '../utils/code'
-import type { Store, SFCOptions, StoreState, OutputModes } from '@vue/repl'
+import type { Store, SFCOptions, StoreState, OutputModes, StoreOptions } from '@vue/repl'
 
 export class ReplStore {
   state: StoreState
@@ -24,15 +24,10 @@ export class ReplStore {
 
   constructor ({
     serializedState = '',
-    defaultVueRuntimeURL = `https://unpkg.com/@vue/runtime-dom@${version}/dist/runtime-dom.esm-browser.js`,
+    defaultVueRuntimeURL = `https://cdn.jsdelivr.net/npm/@vue/runtime-dom@${version}/dist/runtime-dom.esm-browser.js`,
     showOutput = false,
     outputMode = 'preview'
-  }: {
-    serializedState?: string
-    showOutput?: boolean
-    outputMode?: OutputModes | string
-    defaultVueRuntimeURL?: string
-  }) {
+  }: StoreOptions = {}) {
     let files: StoreState['files'] = {}
 
     if (serializedState) {
@@ -51,6 +46,7 @@ export class ReplStore {
     this.initialOutputMode = outputMode as OutputModes
 
     let mainFile: string = defaultMainFile
+
     if (!files[mainFile]) {
       mainFile = Object.keys(files)[0]
     }
@@ -65,9 +61,11 @@ export class ReplStore {
 
     this.initImportMap()
 
-    /** 注入 Fighting Design */
+    // 注入 Fighting Design
     this.state.files[fightingPlugin] = new File(fightingPlugin, fightingPluginCode)
 
+    console.log(this.state)
+
     watchEffect(() => compileFile(this as unknown as Store, this.state.activeFile))
 
     for (const file in this.state.files) {