From 1cc0642301368459eac06348a4dde3936a26aad2 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan.jait@bytedance.com>
Date: Sat, 8 Aug 2026 22:28:13 +0800
Subject: [PATCH] fix(create-rstack): format Svelte templates

---
 .../template-app-svelte-js/package.json       |  1 +
 .../template-app-svelte-js/rstack.config.js   |  4 +++
 .../template-app-svelte-js/src/App.svelte     | 34 +++++++++----------
 .../template-app-svelte-ts/package.json       |  1 +
 .../template-app-svelte-ts/rstack.config.ts   |  4 +++
 .../template-app-svelte-ts/src/App.svelte     | 34 +++++++++----------
 6 files changed, 44 insertions(+), 34 deletions(-)

diff --git a/packages/create-rstack/template-app-svelte-js/package.json b/packages/create-rstack/template-app-svelte-js/package.json
index 177c983d..5d94fced 100644
--- a/packages/create-rstack/template-app-svelte-js/package.json
+++ b/packages/create-rstack/template-app-svelte-js/package.json
@@ -20,6 +20,7 @@
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/svelte": "^5.4.2",
     "happy-dom": "^20.11.1",
+    "prettier-plugin-svelte": "^4.1.1",
     "rstack": "^0.3.5"
   }
 }
diff --git a/packages/create-rstack/template-app-svelte-js/rstack.config.js b/packages/create-rstack/template-app-svelte-js/rstack.config.js
index df0fda3a..62129297 100644
--- a/packages/create-rstack/template-app-svelte-js/rstack.config.js
+++ b/packages/create-rstack/template-app-svelte-js/rstack.config.js
@@ -19,3 +19,7 @@ define.lint(async () => {
 
   return [js.configs.recommended];
 });
+
+define.fmt({
+  plugins: ['prettier-plugin-svelte'],
+});
diff --git a/packages/create-rstack/template-app-svelte-js/src/App.svelte b/packages/create-rstack/template-app-svelte-js/src/App.svelte
index 0c6b2937..5a680d73 100644
--- a/packages/create-rstack/template-app-svelte-js/src/App.svelte
+++ b/packages/create-rstack/template-app-svelte-js/src/App.svelte
@@ -6,23 +6,23 @@
 </main>
 
 <style>
-.content {
-  display: flex;
-  min-height: 100vh;
-  line-height: 1.1;
-  text-align: center;
-  flex-direction: column;
-  justify-content: center;
-}
+  .content {
+    display: flex;
+    min-height: 100vh;
+    line-height: 1.1;
+    text-align: center;
+    flex-direction: column;
+    justify-content: center;
+  }
 
-.content h1 {
-  font-size: 3.6rem;
-  font-weight: 700;
-}
+  .content h1 {
+    font-size: 3.6rem;
+    font-weight: 700;
+  }
 
-.content p {
-  font-size: 1.2rem;
-  font-weight: 400;
-  opacity: 0.5;
-}
+  .content p {
+    font-size: 1.2rem;
+    font-weight: 400;
+    opacity: 0.5;
+  }
 </style>
diff --git a/packages/create-rstack/template-app-svelte-ts/package.json b/packages/create-rstack/template-app-svelte-ts/package.json
index ab6fae50..98d3a746 100644
--- a/packages/create-rstack/template-app-svelte-ts/package.json
+++ b/packages/create-rstack/template-app-svelte-ts/package.json
@@ -21,6 +21,7 @@
     "@testing-library/svelte": "^5.4.2",
     "@types/node": "^24.13.3",
     "happy-dom": "^20.11.1",
+    "prettier-plugin-svelte": "^4.1.1",
     "rstack": "^0.3.5",
     "svelte-check": "^4.7.4",
     "typescript": "^6.0.3"
diff --git a/packages/create-rstack/template-app-svelte-ts/rstack.config.ts b/packages/create-rstack/template-app-svelte-ts/rstack.config.ts
index b4f61075..70d77ca6 100644
--- a/packages/create-rstack/template-app-svelte-ts/rstack.config.ts
+++ b/packages/create-rstack/template-app-svelte-ts/rstack.config.ts
@@ -18,3 +18,7 @@ define.lint(async () => {
 
   return [js.configs.recommended, ts.configs.recommended];
 });
+
+define.fmt({
+  plugins: ['prettier-plugin-svelte'],
+});
diff --git a/packages/create-rstack/template-app-svelte-ts/src/App.svelte b/packages/create-rstack/template-app-svelte-ts/src/App.svelte
index 5c147cf2..35f6758e 100644
--- a/packages/create-rstack/template-app-svelte-ts/src/App.svelte
+++ b/packages/create-rstack/template-app-svelte-ts/src/App.svelte
@@ -15,23 +15,23 @@
 </main>
 
 <style>
-.content {
-  display: flex;
-  min-height: 100vh;
-  line-height: 1.1;
-  text-align: center;
-  flex-direction: column;
-  justify-content: center;
-}
+  .content {
+    display: flex;
+    min-height: 100vh;
+    line-height: 1.1;
+    text-align: center;
+    flex-direction: column;
+    justify-content: center;
+  }
 
-.content h1 {
-  font-size: 3.6rem;
-  font-weight: 700;
-}
+  .content h1 {
+    font-size: 3.6rem;
+    font-weight: 700;
+  }
 
-.content p {
-  font-size: 1.2rem;
-  font-weight: 400;
-  opacity: 0.5;
-}
+  .content p {
+    font-size: 1.2rem;
+    font-weight: 400;
+    opacity: 0.5;
+  }
 </style>