🚨 Force dependency packages to use Svelte 5 (#787)

* ⬆️ Force Svelte 5 usage in svelte-hmr, @markuplint, and prettier-plugin-svelte
* 🔧 Update .prettierignore and Button component styles
* 📝 Add caution note about Svelte 5 compatibility issues in README.md

.prettierignore

@@ -12,6 +12,3 @@ pnpm-workspace.yaml
 /apps/mockup/public/styles.css
 /apps/web/.svelte-kit
 /apps/web/src/lib/$generated
-
-# prettier-plugin-svelte (waiting for Svelte 5 support)
-*.svelte

README.md

@@ -2,6 +2,11 @@
 
 Monorepo template for creating a web application.
 
+> [!Caution]
+> Currently, `svelte-hmr`, `@markuplint`, and `prettier-plugin-svelte` do not support Svelte 5.
+> We have overridden `pnpm-lock.yaml` to forcibly upgrade to Svelte 5, which may cause issues during package updates.
+> When updating dependencies, please refer to [#6a5906](https://github.com/usagizmo/webapp-template/pull/787/commits/6a5906b5866623b223867c4dd5de98755821cd49) to correct `pnpm-lock.yaml`.
+
 ## What's inside?
 
 ### Uses

apps/web/src/lib/components/Button.svelte

@@ -31,7 +31,7 @@
       : 'border-zinc-300 bg-slate-50 hover:border-zinc-400 hover:bg-slate-100',
   );
   const classAttrs = $derived(
-    `font-ui inline-flex items-center justify-center space-x-1 rounded-md border px-5 py-2 text-sm duration-200 disabled:pointer-events-none disabled:opacity-40 ${kindClass}`,
+    `font-ui inline-flex items-center justify-center space-x-1 rounded-md border py-2 px-5 text-sm duration-200 disabled:pointer-events-none disabled:opacity-40 ${kindClass}`,
   );
   const blankAttrs = $derived(
     href && blank