From 0436916d114b57e1b5a2fc000023a7ecf5835873 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krystian=20Dro=C5=BCd=C5=BCy=C5=84ski?=
 <krystian@drozdzynski.me>
Date: Wed, 23 Jul 2025 12:45:01 +0200
Subject: [PATCH] Fix Vue issue with classname

---
 .changeset/strong-jokes-cover.md | 5 +++++
 packages/vue/src/Styled.ts       | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/strong-jokes-cover.md

diff --git a/.changeset/strong-jokes-cover.md b/.changeset/strong-jokes-cover.md
new file mode 100644
index 0000000..80c72b7
--- /dev/null
+++ b/.changeset/strong-jokes-cover.md
@@ -0,0 +1,5 @@
+---
+'@teiler/vue': patch
+---
+
+Fix issue with className
diff --git a/packages/vue/src/Styled.ts b/packages/vue/src/Styled.ts
index afc83b3..4cf2d04 100644
--- a/packages/vue/src/Styled.ts
+++ b/packages/vue/src/Styled.ts
@@ -30,7 +30,7 @@ export default function <Target extends HTMLElements, Props>(styleDefinition: St
       const defaultSlot = slots.default ? slots.default() : undefined
 
       if (styleDefinition.tag) {
-        return h(styleDefinition.tag, { ...filtredProps, className }, defaultSlot)
+        return h(styleDefinition.tag, { ...filtredProps, class: className }, defaultSlot)
       } else {
         return null
       }