coderdiaz · coderdiaz · May 5, 2018 · May 5, 2018 · May 5, 2018 · May 5, 2018
diff --git a/README.md b/README.md
@@ -50,7 +50,7 @@ import 'vue-status-indicator/styles.css'
 Import component `status-indicator`.
 
 ```javascript
-import StatusIndicator from 'vue-status-indicator'
+import { StatusIndicator } from 'vue-status-indicator'
 ```
 
 HTML/Vue:
@@ -60,7 +60,7 @@ HTML/Vue:
   <status-indicator active pulse></status-indicator>
 </template>
 <script>
-  import StatusIndicator from 'vue-status-indicator'
+  import { StatusIndicator } from 'vue-status-indicator'
   export default {
     components: {
       StatusIndicator

diff --git a/build/rollup.config.js b/build/rollup.config.js
@@ -0,0 +1,19 @@
+import vue from 'rollup-plugin-vue'
+import buble from 'rollup-plugin-buble'
+import uglify from 'rollup-plugin-uglify-es'
+
+export default {
+  input: 'index.js',
+  output: {
+    name: 'VueStatusIndicator',
+    exports: 'named'
+  },
+  plugins: [
+    vue({
+      css: true,
+      compileTemplate: true
+    }),
+    buble(),
+    uglify()
+  ]
+}
diff --git a/dist/build.js b/dist/build.js
diff --git a/dist/build.js.map b/dist/build.js.map
diff --git a/dist/vue-status-indicator.esm.js b/dist/vue-status-indicator.esm.js
diff --git a/dist/vue-status-indicator.min.js b/dist/vue-status-indicator.min.js
diff --git a/dist/vue-status-indicator.umd.js b/dist/vue-status-indicator.umd.js
diff --git a/index.html b/index.html
@@ -6,6 +6,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script src="dist/build.js"></script>
+    <script src="public/dist/build.js"></script>
   </body>
 </html>
diff --git a/index.js b/index.js
@@ -0,0 +1,25 @@
+import StatusIndicator from './src/components/StatusIndicator.vue'
+
+export function install (Vue) {
+  if (install.installed) return
+  install.installed = true
+  Vue.component('StatusIndicator', StatusIndicator)
+}
+
+const plugin = {
+  install
+}
+
+let GlobalVue = null
+if (typeof window !== 'undefined') {
+  GlobalVue = window.Vue
+} else if (typeof global !== 'undefined') {
+  GlobalVue = global.Vue
+}
+
+if (GlobalVue) {
+  GlobalVue.use(plugin)
+}
+
+export { StatusIndicator }
+export default plugin