Cant access pinia from component

[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"? See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help. This will fail in production.

[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"? See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help. This will fail in production.

<template>
    <div class="dropdown w-full m-auto rounded-[16px] overflow-hidden register-card absolute bg-white left-0 top-14 border border-gray-200 ">
        <slot name="items"></slot>
    </div>
</template>

<script>
// import { useRegisterStore } from '@/stores/register';

let registerStore = useRegisterStore();
</script>

<template>
    <div class="dropdown w-full m-auto rounded-[16px] overflow-hidden register-card absolute bg-white left-0 top-14 border border-gray-200 ">
        <slot name="items"></slot>
    </div>
</template>

<script>
// import { useRegisterStore } from '@/stores/register';

let registerStore = useRegisterStore();
</script>