#Getting AppConfig to work with Nuxt UI?

4 messages · Page 1 of 1 (latest)

safe warren
#

I created an app.config.ts file in the root (where nuxt.config.ts is):

export default defineAppConfig({
    ui: {
        notifications: {
            // Show toasts at the top right of the screen
            position: "top-0 end-0",
        },
    },
});

however it doesn't seem to take effect at all? I'm checking the dev tools and they remain the defaults. do I need to take additional steps to make sure that it recognizes my app config?

worn basalt
#

Hi there! the classes should be 'top-0 right-0', since end is not a tailwind keyword

safe warren
#

a bit of an old topic but i've been working on a new nuxt project and still have the same issue. copied the example provided by nuxt ui exactly and still have issues with it taking effect. i check the nuxt devtools and none of the changed options are there.

app.config.ts file in root, by nuxt.config.ts

export default defineAppConfig({
    ui: {
        notifications: {
            // Show toasts at the top right of the screen
            position: "top-0 bottom-auto",
        },
    },
});

https://bin.danmizu.dev/u/BYS07U.png