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>