README
Sedona Nuxt.js module
Features
- Auto include Sedona Component styles (from
sedona-components
package) - Share variables, mixins, functions across all style files
- Registering async Sedona Vue Components (from
@getsedona/vue-components
package)
Install
npm i @getsedona/nuxt-sedona
Setup
- Add
@getsedona/nuxt-sedona
tonuxt.config.js
export default {
modules: ['@getsedona/nuxt-sedona'],
}
- To enumerate wanted sedona components in config
export default {
modules: ['@getsedona/nuxt-sedona'],
sedona: {
components: ['card', 'feature'],
},
}
What will do
With this config will include next files:
Variables, mixins and functions
sedona-components/src/common/variables.less
sedona-components/src/common/functions.less
sedona-components/src/common/mixins.less
sedona-components/src/base/variables.less
sedona-components/src/base/mixins.less
sedona-components/src/feature/variables.less
~/assets/less/variables.less
~/assets/less/styles.less
Styles and helpers
sedona-components/src/common/styles.less
sedona-components/src/common/helpers.less
sedona-components/src/base/styles.less
sedona-components/src/card/styles.less
sedona-components/src/feature/styles.less
It will generated code for registering async vue components
Vue.component('Card', () => import(/* webpackChunkName: "card" */ `@getsedona/vue-components/src/components/Card/Card`))
Vue.component('Feature', () =>
import(/* webpackChunkName: "feature" */ `@getsedona/vue-components/src/components/Feature/Feature`)
)