From d62bc1dad5a82ecc7c360212344b93864dbc5248 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Thu, 25 Sep 2025 09:39:19 +0800
Subject: [PATCH] fix prettier

---
 src/components/Editors.vue | 48 +++++++++++++++++---------------------
 1 file changed, 21 insertions(+), 27 deletions(-)

diff --git a/src/components/Editors.vue b/src/components/Editors.vue
index ef6f82a..dc58b87 100644
--- a/src/components/Editors.vue
+++ b/src/components/Editors.vue
@@ -73,7 +73,13 @@
 </template>
 <script lang="ts" setup>
 import { Icon } from "@iconify/vue"
-// Prettier 和插件现在使用动态导入
+//@ts-ignore
+import * as prettier from "prettier/standalone"
+import * as htmlParser from "prettier/plugins/html"
+import * as cssParser from "prettier/plugins/postcss"
+import * as babelParser from "prettier/plugins/babel"
+//@ts-ignore
+import * as estreeParser from "prettier/plugins/estree"
 import Editor from "./Editor.vue"
 import Corner from "./Corner.vue"
 import { html, css, js, tab, size, reset } from "../store/editors"
@@ -92,34 +98,22 @@ function changeSize(num: number) {
 
 async function format() {
   try {
-    // 动态导入 Prettier 和插件以避免构建时的模块解析问题
-    const [prettierModule, htmlParserModule, cssParserModule, babelParserModule, estreeParserModule] = await Promise.all([
-      // @ts-ignore
-      import("prettier/standalone"),
-      // @ts-ignore
-      import("prettier/plugins/html"),
-      // @ts-ignore
-      import("prettier/plugins/postcss"),
-      // @ts-ignore
-      import("prettier/plugins/babel"),
-      // @ts-ignore
-      import("prettier/plugins/estree")
-    ])
-    
     const [htmlFormatted, cssFormatted, jsFormatted] = await Promise.all([
-      prettierModule.format(html.value, {
-        parser: "html",
-        plugins: [htmlParserModule, babelParserModule, cssParserModule],
-        tabWidth: 4,
-      }),
-      prettierModule.format(css.value, {
-        parser: "css",
-        plugins: [cssParserModule],
-        tabWidth: 4,
-      }),
-      prettierModule.format(js.value, {
+      prettier.format(html.value, {
         parser: "babel",
-        plugins: [babelParserModule, estreeParserModule],
+        //@ts-ignore
+        plugins: [htmlParser, babelParser, estreeParser, cssParser],
+        tabWidth: 4,
+      }),
+      prettier.format(css.value, {
+        parser: "css",
+        plugins: [cssParser],
+        tabWidth: 4,
+      }),
+      prettier.format(js.value, {
+        parser: "babel",
+        //@ts-ignore
+        plugins: [babelParser, estreeParser],
         tabWidth: 2,
       }),
     ])