2.0

Author: paulpflug

README.md

@@ -16,6 +16,8 @@
 
 ```sh
 npm install --save-dev vue-overlay
+// vue@1.0
+npm install --save-dev vue-overlay@1
 ```
 or include `build/bundle.js`.
 
@@ -74,8 +76,9 @@ Overlay.obj.methods.fade = function ({el,opacity,cb}) {
 }
 ```
 
-
-
+## Changelog
+- 2.0.0  
+now compatible with vue 2.0.0  
 
 # Development
 Clone repository

dev/basic.vue

@@ -9,19 +9,21 @@
   button(
     @click.prevent="closeFirstOverlay",
     :style="button2Style",
-    v-if="firstOpened && secondOpened"
+    v-if="bothOpened"
     ) Close bottom Overlay first
   br
   button(@click.prevent="openScrollOverlay") Overlay with allowScroll
   a(href="https://github.com/vue-comps/vue-overlay/blob/master/dev/basic.vue",style="margin: 20px") source
-div(style="margin:auto;text-align:center;height:2000px") something centered (shouldn't move)
+  div(style="margin:auto;text-align:center;height:2000px") something centered (shouldn't move on disapearing of the scrollbar)
 </template>
 
 <script lang="coffee">
 module.exports =
   mixins:[
     require("vue-mixins/vue")
   ]
+  computed:
+    bothOpened: -> @firstOpened and @secondOpened
   data: ->
     firstOpened: false
     secondOpened: false
@@ -54,7 +56,7 @@ module.exports =
       @overlay.open allowScroll:true
     closeFirstOverlay: ->
       @result.close()
-  compiled: ->
+  mounted: ->
     @overlay = require("../overlay.js")(@Vue)
 
 </script>

package.json

@@ -17,33 +17,33 @@
     "node": "*"
   },
   "dependencies": {
-    "vue-mixins": "^0.2.14"
+    "vue-mixins": "^0.3.2"
   },
   "devDependencies": {
     "chai": "^3.5.0",
     "chai-spies": "^0.7.1",
     "coffee-loader": "^0.7.2",
-    "coffee-script": "^1.10.0",
+    "coffee-script": "^1.11.1",
     "gh-pages": "^0.11.0",
-    "karma": "^1.2.0",
+    "karma": "^1.3.0",
     "karma-chai": "^0.1.0",
     "karma-chai-dom": "^1.1.0",
     "karma-chai-spies": "^0.1.4",
     "karma-chrome-launcher": "^2.0.0",
     "karma-firefox-launcher": "^1.0.0",
-    "karma-mocha": "^1.1.1",
+    "karma-mocha": "^1.2.0",
     "karma-sourcemap-loader": "^0.3.7",
     "karma-spec-reporter": "^0.0.26",
-    "karma-vue-component": "^0.1.0",
+    "karma-vue-component": "^2.0.1",
     "karma-webpack": "^1.8.0",
-    "mocha": "^3.0.2",
-    "pug": "^2.0.0-beta5",
+    "mocha": "^3.1.2",
+    "pug": "^2.0.0-beta6",
     "script-runner": "^0.1.5",
-    "vue": "^1.0.26",
-    "vue-compiler": "^0.3.0",
-    "vue-dev-server": "^0.2.10",
+    "vue": "^2.0.1",
+    "vue-compiler": "^2.0.0",
+    "vue-dev-server": "^2.0.0",
     "vue-html-loader": "^1.2.3",
-    "vue-loader": "^8.5.2",
+    "vue-loader": "^9.5.1",
     "webpack": "^1.13.2"
   },
   "keywords": [

src/overlay-component.vue

@@ -47,8 +47,6 @@ module.exports =
   data: ->
     stack: []
 
-  el: -> document.createElement "div"
-
   methods:
 
     fade: ({el,opacity,cb}) ->

src/overlay.coffee

@@ -3,7 +3,7 @@ overlay = null
 creator = (Vue) ->
   unless overlay?
     overlay = Vue.extend(creator.obj)
-    overlay = new overlay()
+    overlay = new overlay().$mount()
   return overlay
 creator.obj = require('./overlay-component')
 

test/overlay.coffee

@@ -9,9 +9,9 @@ describe "overlay", ->
     after ->
       unloadComp(env)
 
-    it "should load overlay", ->
+    it "should load and mount overlay", ->
       should.exist env.overlay
-      env.overlay.$el.parentNode.nodeType.should.equal 11
+      should.exist env.overlay.$el
 
     it "should open first overlay", (done) ->
       env.openOverlay ->