select/SelectContent.vue

Vue select dropdown content wrapper with portal and scroll buttons

<!--
  Source: https://github.com/PennyJoly/NuxtPro | License: Apache-2.0 | Copyright You must retain, in the Source form of any Derivative Works
  Provided via justclaw.it.com; keep this notice with the code.
-->
<script setup lang="ts">
import { cn } from '@/lib/utils'
import {
  SelectContent,
  type SelectContentEmits,
  type SelectContentProps,
  SelectPortal,
  SelectViewport,
  useForwardPropsEmits,
} from 'reka-ui'
import { computed, type HTMLAttributes } from 'vue'
import { SelectScrollDownButton, SelectScrollUpButton } from '.'

defineOptions({
  inheritAttrs: false,
})

const props = withDefaults(
  defineProps<SelectContentProps & { class?: HTMLAttributes['class'] }>(),
  {
    position: 'popper',
  },
)
const emits = defineEmits<SelectContentEmits>()

const delegatedProps = co

... (truncated -- full source via MCP)