Worksafe Component Library v2

This repo contains all the common components used on the WorkSafe Victoria public website.

Minimum Requirements

1. Yarn -> Latest (Needed for workspaces)
2. Node -> latest version 18.19.0
3. VSCode preferred
4. ESLint should be installed globally (npm install -g eslint)
5. Vue Dev tools plugin for Chrome / Firefox

Fresh Install

git clone <this-repo>
chmod +x bin/clean.sh
yarn reinstall

Run Dev

yarn dev

Build

yarn build

Deploy

chmod +x bin/deploy.sh
yarn deploy

Release - Dry run

yarn dryrun

Release

yarn release

Usage Instructions - Yarn - recommended

yarn add @worksafevictoria/wcl

Usage Instructions - npm

npm i @worksafevictoria/wcl

Nuxt - if you have errors after importing

# nuxt.config.js

build {
  transpile: ['@worksafevictoria/wcl', 'xxx', 'xxx', 'xxx']
}

Import example

<template>
  <container>
    <row>
      <column :md="6">
        <cta-button @clicked="$emit('nextScreen')">Start</cta-button>
      </column>
    </row>
  </container>
</template>

<script>
  import { Container, Column, Row, CtaButton } from '@worksafevictoria/wcl'
  export default {
    components: { Container, Column, Row, CtaButton }
  }
</script>

<style lang="scss" scoped>
  @import './styles';
</style>

Deployment Process - Beta

Deployment Process - Hotfix

Deployment Process - Release