-
Notifications
You must be signed in to change notification settings - Fork 156
Replace @nuxthq/ui with @nuxt/ui in demo project
#409
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
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
larbish
left a comment
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/uiwith@nuxt/uiindemoChecklist:
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