chore: reactive attrs without class

Fixes #650

src/runtime/components/data/Table.vue

@@ -256,7 +256,7 @@ export default defineComponent({
     }
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       wrapperClass,

src/runtime/components/elements/Accordion.vue

@@ -139,7 +139,7 @@ export default defineComponent({
     }
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       uiButton,

src/runtime/components/elements/Alert.vue

@@ -123,7 +123,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       alertClass

src/runtime/components/elements/Avatar.vue

@@ -151,7 +151,7 @@ export default defineComponent({
     }
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       wrapperClass,
       // eslint-disable-next-line vue/no-dupe-keys
       imgClass,

src/runtime/components/elements/Badge.vue

@@ -72,7 +72,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       badgeClass
     }
   }

src/runtime/components/elements/Button.vue

@@ -187,7 +187,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       isLeading,
       isTrailing,
       isSquare,

src/runtime/components/elements/Dropdown.vue

@@ -186,7 +186,7 @@ export default defineComponent({
     }
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       trigger,

src/runtime/components/elements/Kbd.vue

@@ -55,7 +55,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       kbdClass

src/runtime/components/forms/Checkbox.vue

@@ -136,7 +136,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       toggle,

src/runtime/components/forms/FormGroup.vue

@@ -100,7 +100,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       wrapperClass,

src/runtime/components/forms/Input.vue

@@ -255,7 +255,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       input,

src/runtime/components/forms/Radio.vue

@@ -122,7 +122,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       pick,

src/runtime/components/forms/Range.vue

@@ -161,7 +161,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       value,

src/runtime/components/forms/Select.vue

@@ -318,7 +318,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       normalizedOptionsWithPlaceholder,

src/runtime/components/forms/SelectMenu.vue

@@ -437,7 +437,7 @@ export default defineComponent({
     }
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       uiMenu,
       trigger,

src/runtime/components/forms/Textarea.vue

@@ -194,7 +194,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       textarea,

src/runtime/components/forms/Toggle.vue

@@ -114,7 +114,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       active,

src/runtime/components/layout/Card.vue

@@ -59,7 +59,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       cardClass

src/runtime/components/layout/Container.vue

@@ -44,7 +44,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       containerClass

src/runtime/components/layout/Skeleton.vue

@@ -38,7 +38,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       skeletonClass

src/runtime/components/navigation/CommandPalette.vue

@@ -330,7 +330,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       // eslint-disable-next-line vue/no-dupe-keys

src/runtime/components/navigation/Pagination.vue

@@ -209,7 +209,7 @@ export default defineComponent({
     }
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       currentPage,

src/runtime/components/navigation/Tabs.vue

@@ -149,7 +149,7 @@ export default defineComponent({
     onMounted(() => calcMarkerSize(selectedIndex.value))
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       listRef,

src/runtime/components/navigation/VerticalNavigation.vue

@@ -80,7 +80,7 @@ export default defineComponent({
     const wrapperClass = computed(() => twMerge(ui.value.wrapper, attrs.class as string))
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       wrapperClass,

src/runtime/components/overlays/ContextMenu.vue

@@ -80,7 +80,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       isOpen,

src/runtime/components/overlays/Modal.vue

@@ -116,7 +116,7 @@ export default defineComponent({
     }
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       isOpen,

src/runtime/components/overlays/Notification.vue

@@ -210,7 +210,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       wrapperClass,

src/runtime/components/overlays/Notifications.vue

@@ -62,7 +62,7 @@ export default defineComponent({
     })
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       toast,

src/runtime/components/overlays/Popover.vue

@@ -151,7 +151,7 @@ export default defineComponent({
     }
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       popover,

src/runtime/components/overlays/Slideover.vue

@@ -105,7 +105,7 @@ export default defineComponent({
     }
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       isOpen,

src/runtime/components/overlays/Tooltip.vue

@@ -127,7 +127,7 @@ export default defineComponent({
     }
 
     return {
-      attrs: omit(attrs, ['class']),
+      attrs: computed(() => omit(attrs, ['class'])),
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
       trigger,