Some components styles are not present in when using vite build, but they are available when in dev mode (vite).
Example
If you use v-card-title without v-card in a project, when using dev mode, you can see there is a style applied to .v-card-title that includes font-size, padding, etc. This style is defined in vuetify/lib/components/VCard/VCard.css.
When building for production (vite build + vite preview), this style does not get included in the output and can visually see a difference in the padding of the component.
If a v-card is included in the project anywhere, the style is now loaded and v-card-title has its styles.
I know it may be considered strange or incorrect to use v-card-title without v-card, but I think the main issue here is that the result is not consistent for a build vs the dev mode. In this case I think the behavior should be that the VCard styles should be included if any of the related components are used. Other components may also be affected, but I am not sure.
Some components styles are not present in when using
vite build, but they are available when in dev mode (vite).Example
If you use
v-card-titlewithoutv-cardin a project, when using dev mode, you can see there is a style applied to.v-card-titlethat includes font-size, padding, etc. This style is defined invuetify/lib/components/VCard/VCard.css.When building for production (
vite build+vite preview), this style does not get included in the output and can visually see a difference in the padding of the component.If a
v-cardis included in the project anywhere, the style is now loaded andv-card-titlehas its styles.I know it may be considered strange or incorrect to use
v-card-titlewithoutv-card, but I think the main issue here is that the result is not consistent for a build vs the dev mode. In this case I think the behavior should be that theVCardstyles should be included if any of the related components are used. Other components may also be affected, but I am not sure.