Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
@govflanders/vl-ui-vue-components
Advanced tools
Vue components are standard Webcomponents that are wrapped within Vue JS. They serve the same purpose, and have the same functionality.
Vue components can be found at: https://www.npmjs.com/package/@govflanders/vl-ui-vue-components
plugins: ['~/plugins/vl-ui-vue-components'],
build: {
maxChunkSize: 1000000,
vendor: ['@govflanders/vl-ui-vue-components'],
},
./plugins/vl-ui-vue-components.js
import Vue from 'vue';
import VueI18n from 'vue-i18n';
import {
VlTitle,
VlTitleCta,
VlTitleSublink,
VlButton,
i18n,
} from '@govflanders/vl-ui-vue-components';
Vue.component('vl-title', VlTitle);
Vue.component('vl-title-cta', VlTitleCta);
Vue.component('vl-title-sublink', VlTitleSublink);
Vue.component('vl-button', VlButton);
Vue.use(VlCore);
Vue.use(VlUtil);
Vue.use(VueI18n);
const messages = i18n;
const vlI18n = new VueI18n({
locale: 'nl-BE',
messages,
});
Vue.use(vlI18n);
Note: Since the components are loaded as a plugin, you don’t need to reïmport them in every component or template.
There is no documentation yet, but you can find live examples in the vl-build repository
To access the root files check out the dev branch of https://bitbucket.org/vlaamseoverheid/vl-build/.
Run the following commands:
npm install
npm run util:bootstrap
npm run vue:serve
A new browserwindow will prompt with a select box. All components that are available are in the select box.
Go to the ./vue/docs/<component-name>/<component-name>.vue
and select a component you would like to see code examples of.
To see the source template of a Vue component go to ./package/<component-name>/src/vue/<component-name>.vue
.
To see the source logic of a Vue component go to ./package/<component-name>/src/vue/<component-name>.js
Vue components only contain Vue functionality. In order to embed the correct SCSS install the appropriate NPM packages and import the SCSS to your local build. Howto can be found at https://overheid.vlaanderen.be/webuniversum/v3/.
Make sure you have access to the private NPM packages. Ask on Slack for more information.
FAQs
Vlaanderen Vue components
We found that @govflanders/vl-ui-vue-components demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.