@adminkitas/nuxt2-devkit

A shared development toolkit for Nuxt 2 applications used across Adminkit projects.
It provides a standardized design system, plugins, configuration defaults, and common tooling to ensure consistency in styling and behavior.

How to setup

Run:

``
yarn add @adminkitas/nuxt2-devkit
`

or

`
npm i @adminkitas/nuxt2-devkit
`

$3

Create a a file called style.scss in the folder /assets/styles.

Add the code:

`
@import '@adminkitas/nuxt2-devkit/assets/styles/fonts/gineto.css';
@import '@adminkitas/nuxt2-devkit/assets/styles/fonts/remixicon';
@import '@adminkitas/nuxt2-devkit/assets/styles/style';
`

$3

To meet the style and functionality we strive to achieve, do this to your nuxt.config.js file

`
import { buefy, plugins, breakpoints } from '@adminkitas/nuxt2-devkit/config';

export default {
...,
css: ['@/assets/styles/style.scss'],
plugins: [...plugins],
buefy,
breakpoints
}
`

#### Moment:

Moment.js comes with the package and is required to get the components to work.

`
buildModules:['@nuxtjs/moment'],
plugins: [ // this is allready injected through the plugins described above.
{ src: '~/node_modules/@adminkitas/nuxt2-devkit/plugins/moment.js', mode: 'client' }
]
`

#### i18n:

i18n comes with the package and is required when using the components.

`
import { i18n } from '@adminkitas/nuxt2-devkit/config';
export default {
...,
modules:['@nuxtjs/i18n'],
plugins: [ // this is allready injected through the plugins described above.
...,
{ src: '~/node_modules/@adminkitas/nuxt2-devkit/plugins/validation_i18n.js', mode: 'client' }
]
i18n: i18n
}

`

Environmental setup

From @/node_modules/@adminkitas/nuxt2-devkit/ copy the folders .vscode & static into your own project

Available plugins

The package comes with a couple of extra widly used plugins:

`
plugins: [
// To verify if a feature is available
{ src: '~/node_modules/@adminkitas/nuxt2-devkit/plugins/feature.js', mode: 'client' },

// settings for vue-showdown
{
src: '~/node_modules/@adminkitas/nuxt2-devkit/vue-showdown.js',
mode: 'client'
}

``