chore(utils|apps/playgoround): simplify code

Author: nekomeowww

apps/playground/package.json

@@ -44,6 +44,7 @@
     "@shikijs/themes": "^3.4.0",
     "@unocss/reset": "^66.1.1",
     "@velin-dev/core": "workspace:^",
+    "@velin-dev/utils": "workspace:^",
     "@velin-dev/vue": "workspace:^",
     "@vitejs/plugin-vue": "^5.2.4",
     "@volar/jsdelivr": "^2.4.13",

apps/playground/src/components/Editor/store.ts

@@ -10,6 +10,7 @@ import type {
 import type { OutputModes } from '../../types/vue-repl'
 import type { ImportMap } from './import-map'
 
+import { File as VueFile } from '@velin-dev/utils/transformers/vue'
 import {
   computed,
   reactive,
@@ -28,6 +29,10 @@ import { compileFile } from './transform'
 export const importMapFile = 'import-map.json'
 export const tsconfigFile = 'tsconfig.json'
 
+export class File extends VueFile {
+  editorViewState: editor.ICodeEditorViewState | null = null
+}
+
 export function useStore(
   {
     files = ref(Object.create(null)),
@@ -505,38 +510,6 @@ export type Store = Pick<
   | 'getTsConfig'
 >
 
-export class File {
-  compiled = {
-    js: '',
-    css: '',
-    ssr: '',
-  }
-
-  editorViewState: editor.ICodeEditorViewState | null = null
-
-  constructor(
-    public filename: string,
-    public code = '',
-    public hidden = false,
-  ) {}
-
-  get language() {
-    if (this.filename.endsWith('.vue')) {
-      return 'vue'
-    }
-    if (this.filename.endsWith('.html')) {
-      return 'html'
-    }
-    if (this.filename.endsWith('.css')) {
-      return 'css'
-    }
-    if (this.filename.endsWith('.ts')) {
-      return 'typescript'
-    }
-    return 'javascript'
-  }
-}
-
 function addSrcPrefix(file: string) {
   return file === importMapFile
     || file === tsconfigFile

packages/utils/src/transformers/vue/index.ts

@@ -1 +1,2 @@
 export * from './moduleCompiler'
+export * from './shared'