style: add trailing comma

Author: sxzz

.prettierrc

@@ -1,5 +1,4 @@
 {
   "semi": false,
-  "singleQuote": true,
-  "trailingComma": "es5"
+  "singleQuote": true
 }

src/Message.vue

@@ -10,7 +10,7 @@ watch(
   () => [props.err, props.warn],
   () => {
     dismissed.value = false
-  }
+  },
 )
 
 function formatMessage(err: string | Error): string {

src/codemirror/CodeMirror.vue

@@ -70,7 +70,7 @@ onMounted(() => {
       'resize',
       debounce(() => {
         editor.refresh()
-      })
+      }),
     )
   }
 })

src/editor/FileSelector.vue

@@ -21,9 +21,9 @@ const files = computed(() =>
   Object.entries(store.state.files)
     .filter(
       ([name, file]) =>
-        name !== importMapFile && name !== tsconfigFile && !file.hidden
+        name !== importMapFile && name !== tsconfigFile && !file.hidden,
     )
-    .map(([name]) => name)
+    .map(([name]) => name),
 )
 
 function startAddFile() {

src/editor/types.ts

@@ -1,5 +1,5 @@
-import CodeMirrorEditor from "./CodeMirrorEditor.vue";
-import MonacoEditor from "./MonacoEditor.vue";
+import CodeMirrorEditor from './CodeMirrorEditor.vue'
+import MonacoEditor from './MonacoEditor.vue'
 
 export type EditorComponentType = typeof CodeMirrorEditor | typeof MonacoEditor
 

src/monaco/Monaco.vue

@@ -25,7 +25,7 @@ const props = withDefaults(
   }>(),
   {
     readonly: false,
-  }
+  },
 )
 
 const emit = defineEmits<{
@@ -43,7 +43,7 @@ const lang = computed(() => (props.mode === 'css' ? 'css' : 'javascript'))
 
 const replTheme = inject<Ref<'dark' | 'light'>>('theme')!
 onMounted(async () => {
-  const theme = await import('./highlight').then(r => r.registerHighlighter())
+  const theme = await import('./highlight').then((r) => r.registerHighlighter())
   ready.value = true
   await nextTick()
 
@@ -76,7 +76,7 @@ onMounted(async () => {
   t.getTokenStyleMetadata = (
     type: string,
     modifiers: string[],
-    _language: string
+    _language: string,
   ) => {
     const _readonly = modifiers.includes('readonly')
     switch (type) {
@@ -99,11 +99,11 @@ onMounted(async () => {
       if (editorInstance.getValue() === value) return
       editorInstance.setValue(value || '')
     },
-    { immediate: true }
+    { immediate: true },
   )
 
   watch(lang, (lang) =>
-    monaco.editor.setModelLanguage(editorInstance.getModel()!, lang)
+    monaco.editor.setModelLanguage(editorInstance.getModel()!, lang),
   )
 
   if (!props.readonly) {
@@ -116,7 +116,7 @@ onMounted(async () => {
         const model = getOrCreateModel(
           monaco.Uri.parse(`file:///${props.filename}`),
           file.language,
-          file.code
+          file.code,
         )
 
         const oldFile = oldFilename ? store.state.files[oldFilename] : null
@@ -131,7 +131,7 @@ onMounted(async () => {
           editorInstance.focus()
         }
       },
-      { immediate: true }
+      { immediate: true },
     )
   }
 

src/monaco/env.ts

@@ -21,7 +21,7 @@ export function initMonaco(store: Store) {
       getOrCreateModel(
         Uri.parse(`file:///${filename}`),
         file.language,
-        file.code
+        file.code,
       )
     }
 
@@ -107,26 +107,26 @@ export async function reloadLanguageTools(store: Store) {
   const languageId = ['vue', 'javascript', 'typescript']
   const getSyncUris = () =>
     Object.keys(store.state.files).map((filename) =>
-      Uri.parse(`file:///${filename}`)
+      Uri.parse(`file:///${filename}`),
     )
   const { dispose: disposeMarkers } = volar.editor.activateMarkers(
     worker,
     languageId,
     'vue',
     getSyncUris,
-    editor
+    editor,
   )
   const { dispose: disposeAutoInsertion } = volar.editor.activateAutoInsertion(
     worker,
     languageId,
     getSyncUris,
-    editor
+    editor,
   )
   const { dispose: disposeProvides } = await volar.languages.registerProvides(
     worker,
     languageId,
     getSyncUris,
-    languages
+    languages,
   )
 
   disposeVue = () => {

src/monaco/highlight.ts

@@ -7,17 +7,16 @@ import langVue from 'shikiji/langs/vue.mjs'
 import themeDark from 'shikiji/themes/dark-plus.mjs'
 import themeLight from 'shikiji/themes/light-plus.mjs'
 
-
 export async function registerHighlighter() {
   const highlighter = await getHighlighterCore({
     themes: [themeDark, themeLight],
     langs: [langVue],
-    loadWasm: getWasmInlined
+    loadWasm: getWasmInlined,
   })
   monaco.languages.register({ id: 'vue' })
   shikijiToMonaco(highlighter, monaco)
   return {
     light: themeLight.name!,
-    dark: themeDark.name!
+    dark: themeDark.name!,
   }
 }

src/monaco/utils.ts

@@ -3,7 +3,7 @@ import { Uri, editor } from 'monaco-editor-core'
 export function getOrCreateModel(
   uri: Uri,
   lang: string | undefined,
-  value: string
+  value: string,
 ) {
   const model = editor.getModel(uri)
   if (model) {

src/monaco/vue.worker.ts

@@ -37,7 +37,7 @@ self.onmessage = async (msg: MessageEvent<WorkerMessage>) => {
       importTsFromCdn(msg.data.tsVersion),
       locale &&
         fetchJson(
-          `https://cdn.jsdelivr.net/npm/typescript@${msg.data.tsVersion}/lib/${locale}/diagnosticMessages.generated.json`
+          `https://cdn.jsdelivr.net/npm/typescript@${msg.data.tsVersion}/lib/${locale}/diagnosticMessages.generated.json`,
         ),
     ])
     self.postMessage('inited')
@@ -47,23 +47,23 @@ self.onmessage = async (msg: MessageEvent<WorkerMessage>) => {
   worker.initialize(
     (
       ctx: monaco.worker.IWorkerContext<WorkerHost>,
-      { tsconfig, dependencies }: CreateData
+      { tsconfig, dependencies }: CreateData,
     ) => {
       const { options: compilerOptions } = ts.convertCompilerOptionsFromJson(
         tsconfig?.compilerOptions || {},
-        ''
+        '',
       )
       const env = createServiceEnvironment()
       const host = createLanguageHost(
         ctx.getMirrorModels,
         env,
         '/src',
-        compilerOptions
+        compilerOptions,
       )
       const jsDelivrFs = createJsDelivrFs(ctx.host.onFetchCdnFile)
       const jsDelivrUriResolver = createJsDelivrUriResolver(
         '/node_modules',
-        dependencies
+        dependencies,
       )
 
       if (locale) {
@@ -82,11 +82,11 @@ self.onmessage = async (msg: MessageEvent<WorkerMessage>) => {
           ts as any,
           {},
           compilerOptions,
-          tsconfig.vueCompilerOptions || {}
+          tsconfig.vueCompilerOptions || {},
         ),
-        host
+        host,
       )
-    }
+    },
   )
 }