Component Status

Components in the system are labelled with status labels that reflect their state of completion. This is achieved using version option:

<script>
  /**
   * My Heading component
   */
  export default {
    name: "Heading",
    version: "prototype"
  }
</script>

For a concrete example, see ExampleComponent.vue. You can see all available statuses listed below:

Label	Color	Description
deprecated	Red	Component is deprecated
prototype	Red	Do not implement!
wip	Yellow	Work-in-progress…
ready	Green	Ready to be used.

For an example of how this looks like in the living system documentation, see vueds.com