IUSCA vue-components

Provides a standardized look and feel for components used in SCA Vue-based projects that can be updated across the board and can be customized for individual projects.

npm installation

yarn add @iusca/vue-components

or

npm install @iusca/vue-components --save

usage

In main.js of your Vue project:

import '@iusca/vue-components';

In App.vue of your Vue project:

 <ScaHeader :auth="auth">
      <template v-slot:site-title>
        <h3>SCA Project Title <small class="text-danger">sub-title</small></h3>
      </template>
 </ScaHeader>
 ...
 <ScaFooter></ScaFooter>

Components:

ScaHeader

• Properties
  • auth - Object with uid and role properties
• Slots (used to customize appearance)
  • site-title
  • greeting
  • log-in-out

ScaFooter

• Properties
  • None
• Slots
  • None

ContactForm (used by ScaHeader)

• Properties
  • None
• Slots
  • None

Project setup

yarn install

Compiles and minifies for production

yarn run build-bundle

Lints and fixes files

yarn run lint