@justeat/f-form-field

f-form-field

Fozzie Form Field Component.

---

Usage

1. Install the module using NPM or Yarn:

   yarn add @justeat/f-form-field
   

   npm install @justeat/f-form-field
   

2. Import the component

   You can import it in your Vue SFC like this (please note that styles have to be imported separately):

   import FormField from '@justeat/f-form-field';
   import '@justeat/f-form-field/dist/f-form-field.css';
   
   export default {
       components: {
           FormField
       }
   }
   

   If you are using Webpack, you can import the component dynamically to separate the header bundle from the main bundle.client.js:

   import '@justeat/f-form-field/dist/f-form-field.css';
   
   export default {
       components: {
           ...
           FormField: () => import(/* webpackChunkName: "form-field" */ '@justeat/f-form-field')
       }
   }
   
   

Development

It is recommended to run the following commands at the root of the monorepo in order to install dependencies and allow you to view components in isolation via Storybook.

# cd ./fozzie-components
yarn install

## Testing
Unit / Integration / Contract

```bash
# Run Unit / Integration / Contract tests for all components
cd ./fozzie-components
yarn test

OR

# Run Unit / Integration / Contract tests for f-form-field
cd ./fozzie-components/packages/f-form-field
yarn test

Component Tests

# Run Component tests for all components
# Note: Ensure Storybook is not running when running the following commands
cd ./fozzie-components

yarn storybook:build
yarn storybook:serve-static
yarn test-component:chrome

OR

# Run Component tests for f-form-field
# Note: Ensure Storybook is not running when running the following commands
cd ./fozzie-components/packages/f-form-field
yarn test-component:chrome

Documentation to be completed once module is in stable state.

Changelog

v1.8.0

April 3, 2020

Added

• Empty babel.config.js added at the mono-repo root, because otherwise vue-cli upgrade commands fail as it assumes its presence.

Changed

• Upgraded vue-cli to v4 where possible (includes @vue/cli-service and @vue/cli-plugin-babel). Have tried running auto-migration of @vue/cli-plugin-eslint and @vue/cli-plugin-jest but both of these tasks require further work, so have parked for now as not essential.