fix: new sfc file template

vuejs · Nov 27, 2023 · 79643d7 · 79643d7
1 parent c46b5e2
commit 79643d7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/store.ts b/src/store.ts
@@ -10,7 +10,7 @@ import {
 import { OutputModes } from './output/types'
 import type { editor } from 'monaco-editor-core'
 import welcomeCode from './template/welcome.vue?raw'
-import newFileCode from './template/new-file.vue?raw'
+import newSFCCode from './template/new-sfc.vue?raw'
 
 const defaultMainFile = 'src/App.vue'
 
@@ -243,7 +243,10 @@ export class ReplStore implements Store {
   addFile(fileOrFilename: string | File): void {
     const file =
       typeof fileOrFilename === 'string'
-        ? new File(fileOrFilename, newFileCode)
+        ? new File(
+            fileOrFilename,
+            fileOrFilename.endsWith('.vue') ? newSFCCode : ''
+          )
         : fileOrFilename
     this.state.files[file.filename] = file
     if (!file.hidden) this.setActive(file.filename)

diff --git a/src/template/new-file.vue → src/template/new-sfc.vue b/src/template/new-file.vue → src/template/new-sfc.vue