get-vue-story

Seperate UI Environment for Vue

Usage no npm install needed!

<script type="module">
  import getVueStory from 'https://cdn.skypack.dev/get-vue-story';
</script>

README

Finally - official Storybook for Vue implementation! - check storybooks/storybook

:warning: This project is no longer being maintained

Getting Started

npm install get-vue-story -g

cd ./story [your workspace]
npm init & npm install vue-story
vstory start

Story.js

import Story from "../vue-story"

Story("Vue")
  .add({
    name: "Web",
    link: "web.vue",
  })
  .add({
    name: "Story",
    link: "story.vue",
  })

Story("Story")
  .add({
    name: "Wont",
    link: "nope.vue",
  })
  .add({
    name: "Die",
    link: "die.vue",
  })

Options

  1. startup
vstory run [filename]
  1. equal to 'vstory run story.js'
vstory start
  1. port
vstory start -p 9000
  1. lib -- at global imports
 vstory start  -l [filename]

-- lib.js

import "jquery"
import "bootstrap"

vstory start -l lib.js