solid-vue-components

An example component library built with Vue CLI 3.

Usage no npm install needed!

<script type="module">
  import solidVueComponents from 'https://cdn.skypack.dev/solid-vue-components';
</script>

README

solid-vue-components

An example component library built with Vue CLI 3.

Installation

Directly in the browser

Drop the library in with a <script> tag alongside Vue:

<div id="app">
<!-- ... use components here ... -->
</div>

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/solid-vue-components"></script>
<script>
new Vue({ el: '#app' })
</script>

Or, if you only want to use a small subset of components, drop them in individually:

<div id="app">
<!-- ... use component here ... -->
</div>

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/solid-vue-components/HelloA"></script>
<script>
new Vue({ el: '#app' })
</script>

In a module system

Install the library with NPM:

npm install solid-vue-components

Then either import the library and either globally register all components with:

import SolidVueComponents from 'solid-vue-components'

Vue.use(SolidVueComponents)

or import and locally register a single component with:

import { HelloA } from 'solid-vue-components'

export default {
components: { SolidVueComponents }
}

Individually packaged components

If you only want to use a small subset of components, import only individually packaged components to reduce the size of your application:

import HelloA from 'hello-vue-components/HelloA'
import HelloB from 'hello-vue-components/HelloB'