Fix UNPKG version description

invisiburu · invisiburu · commit 6efb0ef9a876 · 2021-06-09T00:33:17.000+03:00
diff --git a/README.md b/README.md
@@ -48,16 +48,27 @@ See the demo sources in [demo/](demo/)
 ## Installation
 ### Using unpkg:
 ```html
-<script src="https://unpkg.com/vue"></script>
-<script src="https://unpkg.com/@invisiburu/vue-picker"></script>
-<!-- optional css -->
-<link rel="stylesheet" href="https://unpkg.com/@invisiburu/vue-picker/dist/vue-picker.min.css">
+<head>
+  <script src="https://unpkg.com/vue@3"></script>
+  <script src="https://unpkg.com/@invisiburu/vue-picker"></script>
+  <!-- optional css -->
+  <link rel="stylesheet" href="https://unpkg.com/@invisiburu/vue-picker/dist/vue-picker.min.css">
+</head>
 
 <body>
-  <div id="#app"></div>
-  <!-- ... -->
-
+  <div id="app"></div>
   <script>
+    const App = {
+      template:
+        '<div>' +
+          '<h3>Hello world</h3>' +
+          '<VuePicker v-model="mv">' +
+            '<VuePickerOption value="opt0">Option 0</VuePickerOption>' +
+            '<VuePickerOption value="opt1">Option 1</VuePickerOption>' +
+          '</VuePicker>' +
+        '</div>',
+      data: function () { return { mv: 'opt1' } },
+    }
     const app = Vue.createApp(App)
     app.use(window.VuePicker)
     app.mount('#app')
diff --git a/build/rollup.config.js b/build/rollup.config.js
@@ -10,7 +10,7 @@ export default {
   output: {
     name: 'VuePicker',
     exports: 'named',
-    globals: { 'vue': 'Vue' }, // try remove
+    globals: { 'vue': 'Vue' },
   },
   external: ['vue'],
   plugins: [
diff --git a/demo/lib/vue-picker.esm.js b/demo/lib/vue-picker.esm.js
@@ -382,8 +382,6 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
 script$1.render = render$1;
 script$1.__file = "src/components/VuePicker.vue";
 
-// TODO: unit tests
-
 var script = {
   name: 'VuePickerOption',
 
@@ -449,11 +447,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/VuePickerOption.vue";
 
-function install (Vue) {
+function install (vm) {
   if (install.installed) { return }
   install.installed = true;
-  Vue.component('VuePicker', script$1);
-  Vue.component('VuePickerOption', script);
+  vm.component('VuePicker', script$1);
+  vm.component('VuePickerOption', script);
 }
 
 if (typeof window !== 'undefined') {
diff --git a/src/wrapper.js b/src/wrapper.js
@@ -1,10 +1,10 @@
 import { VuePicker, VuePickerOption } from './index.js'
 
-export function install (Vue) {
+function install (vm) {
   if (install.installed) return
   install.installed = true
-  Vue.component('VuePicker', VuePicker)
-  Vue.component('VuePickerOption', VuePickerOption)
+  vm.component('VuePicker', VuePicker)
+  vm.component('VuePickerOption', VuePickerOption)
 }
 
 if (typeof window !== 'undefined') {
@@ -13,4 +13,4 @@ if (typeof window !== 'undefined') {
   global.VuePicker = install
 }
 
-export { VuePicker, VuePickerOption }
+export { VuePicker, VuePickerOption, install }
