-
Notifications
You must be signed in to change notification settings - Fork 141
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Replace @nuxthq/ui
with @nuxt/ui
in demo project
#409
Replace @nuxthq/ui
with @nuxt/ui
in demo project
#409
Conversation
…update nuxt UI configuration and usage
❌ Deploy Preview for n3-supabase failed. Why did it fail? →
|
demo/app.config.ts
Outdated
ui: { | ||
primary: 'green', | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ui: { | |
primary: 'green', | |
} | |
ui: { | |
primary: 'green', | |
}, |
demo/nuxt.config.ts
Outdated
export default defineNuxtConfig({ | ||
modules: [ | ||
// https://github.com/nuxt-modules/supabase | ||
'@nuxtjs/supabase', | ||
// UI lib (will be soon open sourced) | ||
'@nuxthq/ui', | ||
"@nuxtjs/supabase", | ||
// https://github.com/nuxt/ui | ||
"@nuxt/ui", | ||
// https://github.com/nuxt-modules/color-mode | ||
'@nuxtjs/color-mode', | ||
"@nuxtjs/color-mode", | ||
], | ||
|
||
runtimeConfig: { | ||
public: { | ||
baseUrl: process.env.BASE_URL || 'http://localhost:3000', | ||
baseUrl: process.env.BASE_URL || "http://localhost:3000", | ||
}, | ||
}, | ||
ui: { | ||
colors: { | ||
primary: 'green', | ||
}, | ||
icons: ['mdi', 'heroicons', 'heroicons-outline'], | ||
}, | ||
|
||
supabase: { | ||
redirectOptions: { | ||
login: '/', | ||
callback: '/confirm', | ||
login: "/", | ||
callback: "/confirm", | ||
}, | ||
}, | ||
}) | ||
|
||
compatibilityDate: "2024-09-01", | ||
}); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
export default defineNuxtConfig({ | |
modules: [ | |
// https://github.com/nuxt-modules/supabase | |
'@nuxtjs/supabase', | |
// UI lib (will be soon open sourced) | |
'@nuxthq/ui', | |
"@nuxtjs/supabase", | |
// https://github.com/nuxt/ui | |
"@nuxt/ui", | |
// https://github.com/nuxt-modules/color-mode | |
'@nuxtjs/color-mode', | |
"@nuxtjs/color-mode", | |
], | |
runtimeConfig: { | |
public: { | |
baseUrl: process.env.BASE_URL || 'http://localhost:3000', | |
baseUrl: process.env.BASE_URL || "http://localhost:3000", | |
}, | |
}, | |
ui: { | |
colors: { | |
primary: 'green', | |
}, | |
icons: ['mdi', 'heroicons', 'heroicons-outline'], | |
}, | |
supabase: { | |
redirectOptions: { | |
login: '/', | |
callback: '/confirm', | |
login: "/", | |
callback: "/confirm", | |
}, | |
}, | |
}) | |
compatibilityDate: "2024-09-01", | |
}); | |
export default defineNuxtConfig({ | |
modules: [ | |
// https://github.com/nuxt-modules/supabase | |
'@nuxtjs/supabase', | |
// https://github.com/nuxt/ui | |
'@nuxt/ui', | |
// https://github.com/nuxt-modules/color-mode | |
'@nuxtjs/color-mode', | |
], | |
runtimeConfig: { | |
public: { | |
baseUrl: process.env.BASE_URL || 'http://localhost:3000', | |
}, | |
}, | |
supabase: { | |
redirectOptions: { | |
login: '/', | |
callback: '/confirm', | |
}, | |
}, | |
compatibilityDate: '2024-09-01', | |
}) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for the review! Just now realized there's a linter in the root of the repo 🙈 fixed
…monorepo root on demo app
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for the PR @pascalwengerter!
However I'm not able to start the demo locally (even after a clean of all deps and .nuxt
folder). Are you not facing those issues with a fresh install?

Well it worked yesterday, starting the project today gives me the same error you displayed here -.- |
Types of changes
Description
demo
@nuxthq/ui
with@nuxt/ui
indemo
Checklist:
The updated Nuxt UI package is not a 100% replacement, but "good" enough - some margins/paddings have been changed, and the dark mode is not inversed on the cards anymore