From 74df95c2cb88a5c30d0e9b5e8a7acbe89fcee1d5 Mon Sep 17 00:00:00 2001
From: totto2727 <kaihatu.totto2727@gmail.com>
Date: Fri, 20 Sep 2024 03:19:32 +0900
Subject: [PATCH] docs(svelte): add svelte generation

---
 README.md                                        | 7 ++++---
 docs/src/content/docs/integration/frameworks.mdx | 6 ++++++
 docs/src/content/docs/intro.mdx                  | 3 ++-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 04e3158..2a087a1 100644
--- a/README.md
+++ b/README.md
@@ -19,11 +19,11 @@ All major frameworks are supported.
     color: white;
 
     /* 👇 Define component's props directly in your CSS */
-    &[data-variant="primary"] {
+    &[data-variant='primary'] {
       background: blue;
     }
 
-    &[data-variant="secondary"] {
+    &[data-variant='secondary'] {
       background: gray;
     }
   }
@@ -54,7 +54,7 @@ export const App = () => (
 )
 ```
 
-MistCSS can generate ⚛️ __React__,  💚 __Vue__, 🚀 __Astro__ and 🔥 __Hono__ components. You can use 🍃 __Tailwind CSS__ to style them.
+MistCSS can generate ⚛️ **React**, 💚 **Vue**, 🚀 **Astro**, 🧠**Svelte** and 🔥 **Hono** components. You can use 🍃 **Tailwind CSS** to style them.
 
 ## Documentation
 
@@ -66,6 +66,7 @@ https://typicode.github.io/mistcss
 - [Remix](https://remix.run/)
 - [React](https://react.dev/)
 - [Vue](https://vuejs.org)
+- [Svelte](https://svelte.dev/)
 - [Astro](https://astro.build/)
 - [Hono](https://hono.dev/)
 - [Tailwind CSS](https://tailwindcss.com/)
diff --git a/docs/src/content/docs/integration/frameworks.mdx b/docs/src/content/docs/integration/frameworks.mdx
index a715357..64827c8 100644
--- a/docs/src/content/docs/integration/frameworks.mdx
+++ b/docs/src/content/docs/integration/frameworks.mdx
@@ -16,6 +16,12 @@ mistcss ./components --target=react
 mistcss ./components --target=vue
 ```
 
+## Svelte
+
+```sh
+mistcss ./components --target=svelte
+```
+
 ## Astro
 
 ```sh
diff --git a/docs/src/content/docs/intro.mdx b/docs/src/content/docs/intro.mdx
index bb714be..e7a6f13 100644
--- a/docs/src/content/docs/intro.mdx
+++ b/docs/src/content/docs/intro.mdx
@@ -20,8 +20,9 @@ Supports:
 - [Remix](https://remix.run/)
 - [React](https://react.dev/)
 - [Vue](https://vuejs.org)
+- [Svelte](https://svelte.dev/)
 - [Astro](https://astro.build/)
 - [Hono](https://hono.dev/)
 - [Tailwind CSS](https://tailwindcss.com/)
 
-__Bonus__: if you need to switch from one framework to another, you won't have to rewrite your components. Simply change MistCSS compilation target.
\ No newline at end of file
+__Bonus__: if you need to switch from one framework to another, you won't have to rewrite your components. Simply change MistCSS compilation target.