npm install @oruga-ui/theme-bootstrapor
yarn add @oruga-ui/theme-bootstrapimport { createApp } from 'vue'
import App from './App.vue'
import Oruga from '@oruga-ui/oruga-next'
import { bootstrapConfig } from '@oruga-ui/theme-bootstrap'
import '@oruga-ui/theme-bootstrap/dist/bootstrap.css'
createApp(App)
.use(Oruga, bootstrapConfig)
.mount('#app')Please note, the package also works for @oruga-ui/oruga (Vue 2) and you can use it without importing the full Oruga bundle.
In case you want to replace the default style of a component you can override or add new classes changing bootstrapConfig; more details about components customization on https://oruga.io/documentation/#customization
import { createApp } from 'vue'
import Oruga from '@oruga-ui/oruga-next'
import { bootstrapConfig } from '@oruga-ui/theme-bootstrap'
import '@oruga-ui/theme-bootstrap/dist/bootstrap.css'
const custombootstrapConfig = {
...bootstrapConfig,
checkbox: {
override: true,
rootClass: 'checkbox'
}
}
createApp(App)
.use(Oruga, custombootstrapConfig)
.mount('#app')Thank you to everyone involved for improving this project, day by day 💚
Code released under MIT license.