chore: reactive attrs without class

Fixes #650

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,