Select not displaying properly

[ezekel]

I am using Laravel Jetstream + inertia + Vue, I created a simple select dropdown but it did not display properly

Node -v v22.3.0

OS "Debian GNU/Linux 12 (bookworm)

<script setup lang="ts">

import {
    Select,
    SelectContent,
    SelectGroup,
    SelectItem,
    SelectLabel,
    SelectTrigger,
    SelectValue,
} from '@/components/ui/select'
</script>
<template>
    <Select>
        <SelectTrigger class="w-[180px]">
            <SelectValue placeholder="Select a fruit" />
        </SelectTrigger>
        <SelectContent>
            <SelectGroup>
                <SelectLabel>Fruits</SelectLabel>
                <SelectItem value="apple">
                    Apple
                </SelectItem>
                <SelectItem value="banana">
                    Banana
                </SelectItem>
                <SelectItem value="blueberry">
                    Blueberry
                </SelectItem>
                <SelectItem value="grapes">
                    Grapes
                </SelectItem>
                <SelectItem value="pineapple">
                    Pineapple
                </SelectItem>
            </SelectGroup>
        </SelectContent>
    </Select>
</template>

Thank you in advance

[sadeghbarati]

Can you share your inertia projects and also your tailwind config?

[ezekel]

Sorry it's working now I just re-installed the inertia and shadcnvue