How to use with NuxtJS?

I’m trying to get this to work with NuxtJS, but I can’t figure out why it’s not working.

app.vue

import Notifications from "@kyvg/vue3-notification";

<template><Notifications /></template>

composables/useNotification.ts

import { useNotification } from "@kyvg/vue3-notification";

export default useNotification;

I always end up getting this error: Component is missing template or render function. even thou I can call useNotification().notify({title: 'foo', text: 'bar'}) without erros or warnings.

[kyvg]

@ad-on-is You should register as a plugin, but you trying to register it as component ) This example works well

// plugins/notification.client.ts
import Notification from '@kyvg/vue3-notification'

export default defineNuxtPlugin((nuxtApp) => 
  nuxtApp.vueApp.use(Notification)
)

<template>
  <div>
    <notifications />
  </div>
</template>

<script setup>
import { useNotification } from '@kyvg/vue3-notification';

const {notify} = useNotification()

onMounted(() => {
  notify({
    text: 'test'
  })
})
</script>

[ad-on-is]

@ad-on-is You should register as a plugin, but you trying to register it as component ) This example works well

// plugins/notification.client.ts
import Notification from '@kyvg/vue3-notification'

export default defineNuxtPlugin((nuxtApp) => 
  nuxtApp.vueApp.use(Notification)
)

<template>
  <div>
    <notifications />
  </div>
</template>

<script setup>
import { useNotification } from '@kyvg/vue3-notification';

const {notify} = useNotification()

onMounted(() => {
  notify({
    text: 'test'
  })
})
</script>

That works! Thanks!