Vue Component Browser for Gridsome

Easily display your vue components

Getting Started

Setup

  1. Run
    git clone https://github.com/u12206050/gridsome-vue-starter.git
  2. Run
    cd gridsome-vue-starter
  3. Run
    npm install
  4. Run
    npm start

Adding Components

  1. Organize all components you want to browse in the
    src/library
    folder
  2. Add
    faker.hacker.phrase
    functions as comments above your props. View Faker Functions →

Props

Adding predefined options to list for a prop:

Add a comment right above the type of the prop containing a csv list of options prefixed with the phrase options:

You can optionally specify a default value.