upgrade vue

mhayes · mhayes · commit 4e337e0519a0 · 2020-05-25T17:50:52.000-06:00
diff --git a/demo/Demo.vue b/demo/Demo.vue
@@ -1,17 +1,12 @@
 <template>
   <div class="container">
-    <h2>Demo 1</h2>
+    <h2>Demo</h2>
     <TwentyTwenty
       offset="0.7"
       before="//placehold.it/600x200/E8117F/FFFFFF"
       beforeLabel="before"
       after="//placehold.it/600x200/CCCCCC/FFFFFF"
       afterLabel="after" />
-
-    <!-- <h2>Demo 2</h2>
-    <TwentyTwenty
-      before="http://i2.cdn.turner.com/cnnnext/dam/assets/170120124940-inauguration-crowd-2009-obama-super-169.jpg"
-      after="http://i2.cdn.turner.com/cnnnext/dam/assets/170120125040-inauguration-crowd-2017-trump-super-169.jpg" /> -->
   </div>
 </template>
 
diff --git a/demo/index.js b/demo/index.js
@@ -0,0 +1,6 @@
+import Vue from 'vue'
+import Demo from './Demo.vue'
+
+new Vue({
+  render: h => h(Demo)
+}).$mount('#app')
diff --git a/package.json b/package.json
@@ -1,22 +1,27 @@
 {
   "name": "vue-twentytwenty",
   "version": "0.6.2",
-  "main": "src/TwentyTwenty.vue",
+  "main": "./dist/twentytwenty.common.js",
   "author": "Mark Hayes <me@markhay.es>",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/mhayes/vue-twentytwenty"
   },
   "files": [
-    "dist",
-    "src"
+    "dist/*",
+    "src/*",
+    "public/*",
+    "*.json"
   ],
   "devDependencies": {
-    "vue-cli": "^2.8.1"
+    "@vue/cli-plugin-babel": "~4.3.0",
+    "@vue/cli-service": "^4.3.1",
+    "vue": "^2.6.11",
+    "vue-template-compiler": "^2.6.11"
   },
   "scripts": {
-    "dev": "./node_modules/.bin/vue build demo/Demo.vue",
-    "build": "./node_modules/.bin/vue build vue-twentytwenty.js --lib TwentyTwenty --prod"
+    "serve": "vue-cli-service serve demo/index.js",
+    "build": "vue-cli-service build --target lib --name twentytwenty ./src/index.js"
   }
 }
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,6 @@
+import Vue from 'vue';
+import TwentyTwenty from './TwentyTwenty.vue';
+
+Vue.component('twentytwenty, TwentyTwenty');
+
+export default TwentyTwenty;
diff --git a/vue-twentytwenty.js b/vue-twentytwenty.js
diff --git a/yarn.lock b/yarn.lock
