https://github.com/davigmacode/hivemind-widget

Hivemind widget component using vue js
https://github.com/davigmacode/hivemind-widget

component hivemind rollup vuejs2 web-component widget

Last synced: 3 months ago
JSON representation

Hivemind widget component using vue js

• Host: GitHub
• URL: https://github.com/davigmacode/hivemind-widget
• Owner: davigmacode
• Created: 2017-10-03T06:19:12.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-06-28T06:37:43.000Z (over 7 years ago)
• Last Synced: 2025-04-05T10:51:12.571Z (6 months ago)
• Topics: component, hivemind, rollup, vuejs2, web-component, widget
• Language: Vue
• Homepage: https://davigmacode.github.io/hivemind-widget
• Size: 1.74 MB
• Stars: 5
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Hivemind Widget

Example using Rollup to bundle one or many Vue.js components into a single .js file that **can be used in any HTML/JS application.**

Refer to [this post on vuetips.com](http://vuetips.com/vue-web-components) for more information.

```html

  

    ...

    

    

    

    

  

```

## How it works

Components are registered in `src/main.js`.

Component code is in `src/components/ComponentName.vue`.

To add a component :

- Add a `.vue` file in `src/components`

- Register the component in `src/main.js`

## Development

To test your components :

- Launch rollup : `npm run dev` (watch mode)

- Open `demo/index.html` in a browser

- Edit `src/main.js` or your component file

- Refresh the page

## Bundle a release

```

npm run build

```

File will be placed in `dist/my-vue-component.js`.

Refer to `rollup.config.js` for customization options.