chore(components): use Primitive where possible

src/runtime/components/Container.vue

@@ -1,5 +1,6 @@
 <script lang="ts">
 import { tv } from 'tailwind-variants'
+import type { PrimitiveProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/container'
@@ -8,18 +9,19 @@ const appConfig = _appConfig as AppConfig & { ui: { container: Partial<typeof th
 
 const container = tv({ extend: tv(theme), ...(appConfig.ui?.container || {}) })
 
-export interface ContainerProps {
-  as?: string
+export interface ContainerProps extends Omit<PrimitiveProps, 'asChild'> {
   class?: any
 }
 </script>
 
 <script setup lang="ts">
+import { Primitive } from 'radix-vue'
+
 const props = withDefaults(defineProps<ContainerProps>(), { as: 'div' })
 </script>
 
 <template>
-  <component :is="as" :class="container({ class: props.class })">
+  <Primitive :as="as" :class="container({ class: props.class })">
     <slot />
-  </component>
+  </Primitive>
 </template>