Changing global position of Toast does not work

[Psypher1]

Environment

OS: Windows 10
Node: v22.21.1
Nitro: v2.12.9
Package Manager: PNPM v10.20.0

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.2.1

Reproduction

In app.vue do this:

<script>
const toaster = { position: "top-right", duration: 3000 };
</script>

<template>
  <UApp :toaster="toaster">
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </UApp>
</template>

Description

I am trying to change the position of my toasts to the top of the page (as per the docs), but nothing is happening.

I also get this warning in my terminal

[18:18:11]  WARN  [Vue warn]: Property "toaster" was accessed during render but is not defined on instance. at <App>

Additional context

No response

Logs

[18:18:11]  WARN  [Vue warn]: Property "toaster" was accessed during render but is not defined on instance. at <App>

[benjamincanac]

I think you're missing the setup in your script:

<script setup>
const toaster = { position: "top-right", duration: 3000 };
</script>

[Psypher1]

Well what do you know, that was it. Thank you. I don't ever touch the script in app.vue so completely overlooked that.

Thank you again.