No "@oruga-ui/oruga-next/dist/oruga.css"

[isamu]

Overview of the problem

Oruga version: [0.8.2]
Vuejs version: [3.4.0]
OS/Browser:
Mac/Chrome

Description

I set it up according to the README.md
But I got error no @oruga-ui/oruga-next/dist/oruga.css

Steps to reproduce

npm install @oruga-ui/oruga-next

and add to main.ts

import Oruga from '@oruga-ui/oruga-next';
import '@oruga-ui/oruga-next/dist/oruga.css';

Expected behavior

no error.

Actual behavior

Got No '@oruga-ui/oruga-next/dist/oruga.css' file error.

[jtommy]

Can you show the point in the docs? By the way the css is in the theme package https://github.com/oruga-ui/theme-oruga

[isamu]

The npm page and the readme for this repository were incorrect.

https://www.npmjs.com/package/@oruga-ui/oruga-next

https://github.com/oruga-ui/oruga/blob/develop/README.md?plain=1#L87

https://github.com/oruga-ui/oruga/blob/develop/README.md?plain=1#L97

[isamu]

When I tried theme-oruga according to the official documentation, an error occurred if the sass package was missing.
https://oruga.io/documentation/#styling
It is better to also add sass install to the document or add sass to dependencies.

[mlmoravek]

@isamu Thanks for mentioning this. Yes, that part of the docs does seem outdated.
All the CSS has been moved to its own package as a theme.
See https://oruga.io/documentation/themes.html and https://github.com/oruga-ui/theme-oruga for the default oruga theme.

[isamu]

@jtommy @mlmoravek
Thank you for following.

If a beginner see the npm page, the installation will fail. I think it would be good if you could fix README.md.

Our project was using Buefy/Bulma with an old nuxt.
It was helpful to have support for Vue3 as well.
Thank you very much for developing Oruga.