docs: fix vue example

examples/nuxt-example/components/ui/pagination/PaginationFirst.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { type HTMLAttributes, computed } from 'vue'
+import { PaginationFirst, type PaginationFirstProps } from 'radix-vue'
+import { DoubleArrowLeftIcon } from '@radix-icons/vue'
+import {
+  Button,
+} from '@/components/ui/button'
+import { cn } from '@/lib/utils'
+
+const props = withDefaults(defineProps<PaginationFirstProps & { class?: HTMLAttributes['class'] }>(), {
+  asChild: true,
+})
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+</script>
+
+<template>
+  <PaginationFirst v-bind="delegatedProps">
+    <Button :class="cn('w-9 h-9 p-0', props.class)" variant="outline">
+      <slot>
+        <DoubleArrowLeftIcon />
+      </slot>
+    </Button>
+  </PaginationFirst>
+</template>