@wra-gov/vue-components v0.19.3

Welsh Revenue Authority Component Library

Vue component library created by Welsh Revenue Authority

Installation

Dependencies:

• Vue 3
• maska

Install,

npm install @wra/vue-components

Usage

Default import

main.js,

import { createApp } from "vue";
import App from "./App.vue";
import Wra from "@wra-gov/vue-components";

const app = createApp(App);

// Global registration of all components
app.use(Wra);

app.mount("#app");

Named imports

Options API:

*.vue,

<script>
  import WraButton from "@wra-gov/vue-components";

  export default {
    components: {
      WraButton,
    },
  };
</script>

Composition API:

*.vue,

<script setup>
  import { WraButton } from "@wra-gov/vue-components";
</script>

...

Nuxt usage

Create a plugin in /plugins/component-library.js,

import WraComponents from "@wra-gov/vue-components";

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(WraComponents);
});

Documentation

Storybook documentation

Licence and Copyright

WRA component library is available under Open Government 3.0 licence