prettier svelte

package.json

@@ -18,6 +18,7 @@
     "autoprefixer": "^10.4.15",
     "postcss": "^8.4.28",
     "prettier": "^3.0.2",
+    "prettier-plugin-svelte": "^3.0.3",
     "prettier-plugin-tailwindcss": "^0.5.3",
     "prosemirror-commands": "~1.3.1",
     "prosemirror-dropcursor": "~1.6.1",

pnpm-lock.yaml

@@ -61,9 +61,12 @@ devDependencies:
   prettier:
     specifier: ^3.0.2
     version: 3.0.2
+  prettier-plugin-svelte:
+    specifier: ^3.0.3
+    version: 3.0.3(prettier@3.0.2)(svelte@3.58.0)
   prettier-plugin-tailwindcss:
     specifier: ^0.5.3
-    version: 0.5.3(prettier@3.0.2)
+    version: 0.5.3(prettier-plugin-svelte@3.0.3)(prettier@3.0.2)
   prosemirror-commands:
     specifier: ~1.3.1
     version: 1.3.1
@@ -1164,7 +1167,17 @@ packages:
       source-map-js: 1.0.2
     dev: true
 
-  /prettier-plugin-tailwindcss@0.5.3(prettier@3.0.2):
+  /prettier-plugin-svelte@3.0.3(prettier@3.0.2)(svelte@3.58.0):
+    resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
+    peerDependencies:
+      prettier: ^3.0.0
+      svelte: ^3.2.0 || ^4.0.0-next.0
+    dependencies:
+      prettier: 3.0.2
+      svelte: 3.58.0
+    dev: true
+
+  /prettier-plugin-tailwindcss@0.5.3(prettier-plugin-svelte@3.0.3)(prettier@3.0.2):
     resolution: {integrity: sha512-M5K80V21yM+CTm/FEFYRv9/9LyInYbCSXpIoPAKMm8zy89IOwdiA2e4JVbcO7tvRtAQWz32zdj7/WKcsmFyAVg==}
     engines: {node: '>=14.21.3'}
     peerDependencies:
@@ -1217,6 +1230,7 @@ packages:
         optional: true
     dependencies:
       prettier: 3.0.2
+      prettier-plugin-svelte: 3.0.3(prettier@3.0.2)(svelte@3.58.0)
     dev: true
 
   /prettier@3.0.2:

prettier.config.cjs

@@ -1,2 +1,3 @@
 module.exports = {
-  plugins: ['prettier-plugin-tailwindcss'],};
+  plugins: ["prettier-plugin-tailwindcss", "prettier-plugin-svelte"],
+};

src/App.svelte

@@ -2,7 +2,7 @@
   import { setRouteToLastPagePromise, currentRoute } from "./lib/router";
 </script>
 
-<main class='min-h-screen max-w-7xl mx-auto'>
+<main class="min-h-screen max-w-7xl mx-auto">
   {#await setRouteToLastPagePromise then}
     <svelte:component
       this={$currentRoute.component}