import { Meta } from '@storybook/addon-docs/blocks'

<Meta title="Guide|Vue" />

# Vue.js component style guide

## Input components should always have a `value` prop and a `input` event

This allows the standard enable of `v-model` syntax. More info in the [Vue.js docs](https://vuejs.org/v2/guide/components.html#Using-v-model-on-Components)
Emitted value should have the same type of value.

## The key selectors and value selectors are named always `metakey` and `metavalue`

The keywords id, key and value are reserved. If a component exposes metakey and metavalue it means that value is an any object or an array of any object and the component have to understand how to select (with metakey) and how to render (with metavalue) the single object.