Nuxt•2y ago

why my css is not working in page?

everything in directory

pages

pages

is working fine but if i put new page in

pages/sample-folder/new.vue

pages/sample-folder/new.vue

then css not work in

new.vue

new.vue

8l8

8

8l8OP•4/18/24, 8:52 AM

please explain to me

IsraelOrtuno

I

IsraelOrtuno•4/18/24, 10:21 AM

Hello @8l8 , try sharing a bit more context, some code and screenshots may help

8l8

8

8l8OP•4/18/24, 10:32 AM

@IsraelOrtuno hi

8l8

8

8l8OP•4/18/24, 10:32 AM

i seen my trouble

8l8

8

8l8OP•4/18/24, 10:33 AM

8l8

8

8l8OP•4/18/24, 10:34 AM

href is only use for vue file in

pages

pages

8l8

8

8l8OP•4/18/24, 10:35 AM

i want apply css to every file

8l8

8

8l8OP•4/18/24, 10:35 AM

how can solve it?

8l8

8

8l8OP•4/18/24, 10:36 AM

\

8l8

8

8l8OP•4/18/24, 10:37 AM

is not work with my css

8l8

8

8l8OP•4/18/24, 10:38 AM

@IsraelOrtuno

oneeach

O

oneeach•4/18/24, 11:01 AM

are you using the styled or unstyled theme of PrimeVue? https://primevue.org/nuxt/#theming

If styled, I don't see your theme listed in the property of your nuxt.config:

PrimeVue | Vue UI Component Library

The ultimate collection of design-agnostic, flexible and accessible Vue UI Components.

8l8

8

8l8OP•4/18/24, 11:35 AM

i use styled

8l8

8

8l8OP•4/18/24, 11:35 AM

i use with to switch theme

8l8

8

8l8OP•4/18/24, 11:36 AM

@oneeach \

oneeach

O

oneeach•4/18/24, 11:40 AM

the link to your CSS is no longer valid when inside a subdirectory, I would put your css within the css property in your nuxt.config and use a relative path like

oneeach

O

oneeach•4/18/24, 11:40 AM

https://nuxt.com/docs/getting-started/styling#the-css-property

Nuxt

Styling · Get Started with Nuxt

Learn how to style your Nuxt application.

8l8

8

8l8OP•4/18/24, 12:42 PM

yes

8l8

8

8l8OP•4/18/24, 12:42 PM

i understand

8l8

8

8l8OP•4/18/24, 12:43 PM

but you know

8l8

8

8l8OP•4/18/24, 12:43 PM

i want switch theme

8l8

8

8l8OP•4/18/24, 12:43 PM

primevue guild me

8l8

8

8l8OP•4/18/24, 12:43 PM

put the code in meta

8l8

8

8l8OP•4/18/24, 12:43 PM

do you have any new solution to switch theme?

oneeach

O

oneeach•4/18/24, 12:45 PM

read the primevue documentation here: https://primevue.org/nuxt/#styled

PrimeVue | Vue UI Component Library

The ultimate collection of design-agnostic, flexible and accessible Vue UI Components.

8l8

8

8l8OP•4/18/24, 12:47 PM

yest

8l8

8

8l8OP•4/18/24, 12:47 PM

thank you sm

8l8

8

8l8OP•4/18/24, 1:15 PM

i used

process.env

process.env

to solve my trouble

8l8

8

8l8OP•4/18/24, 1:15 PM

absolute path

8l8

8

8l8OP•4/19/24, 8:47 AM

hi

8l8

8

8l8OP•4/19/24, 8:47 AM

@IsraelOrtuno can i bother you?

8l8

8

8l8OP•4/19/24, 8:48 AM

i want use rules of vee validation for every component nuxt

8l8

8

8l8OP•4/19/24, 8:48 AM

how can i config them to nuxt.config.js?

IsraelOrtuno

I

IsraelOrtuno•4/19/24, 10:53 AM

Hi @8l8 not sure what you are actually trying to achieve but if you could create another thread and be more precise it I am sure we'll find the solution

8l8

8

8l8OP•4/19/24, 11:02 AM

yes

8l8

8

8l8OP•4/19/24, 11:02 AM

thank you