coreui
diff --git a/‎package.json
Copy file name to clipboardExpand all lines: package.json
+6-5Lines changed: 6 additions & 5 deletions b/‎package.json
Copy file name to clipboardExpand all lines: package.json
+6-5Lines changed: 6 additions & 5 deletions
diff --git a/‎src/components/Sidebar/Sidebar.vue
Copy file name to clipboardExpand all lines: src/components/Sidebar/Sidebar.vue
+5-1Lines changed: 5 additions & 1 deletion b/‎src/components/Sidebar/Sidebar.vue
Copy file name to clipboardExpand all lines: src/components/Sidebar/Sidebar.vue
+5-1Lines changed: 5 additions & 1 deletion
diff --git a/‎src/components/Sidebar/SidebarNavItem.vue
Copy file name to clipboardExpand all lines: src/components/Sidebar/SidebarNavItem.vue
+4-8Lines changed: 4 additions & 8 deletions b/‎src/components/Sidebar/SidebarNavItem.vue
Copy file name to clipboardExpand all lines: src/components/Sidebar/SidebarNavItem.vue
+4-8Lines changed: 4 additions & 8 deletions
diff --git a/‎src/components/Sidebar/SidebarToggler.vue
Copy file name to clipboardExpand all lines: src/components/Sidebar/SidebarToggler.vue
+1Lines changed: 1 addition & 0 deletions b/‎src/components/Sidebar/SidebarToggler.vue
Copy file name to clipboardExpand all lines: src/components/Sidebar/SidebarToggler.vue
+1Lines changed: 1 addition & 0 deletions
diff --git a/‎src/mixins/hideMobile.js
Copy file name to clipboard
+11Lines changed: 11 additions & 0 deletions b/‎src/mixins/hideMobile.js
Copy file name to clipboard
+11Lines changed: 11 additions & 0 deletions
@@ -1,7 +1,7 @@
 {
   "name": "@coreui/vue",
   "description": "CoreUI Vue Bootstrap 4 layout components",
-  "version": "2.0.0-rc.1",
+  "version": "2.0.0-rc.2",
   "license": "MIT",
   "main": "dist/coreui-vue.common.js",
   "module": "dist/coreui-vue.esm.js",
@@ -59,6 +59,7 @@
     "lint:fix": "eslint --ext .js,.vue . --fix"
   },
   "dependencies": {
+    "vue-clickaway": "^2.2.2",
     "vue-perfect-scrollbar": "^0.1.0"
   },
   "devDependencies": {
@@ -73,9 +74,9 @@
     "eslint-import-resolver-babel-module": "^4.0.0",
     "eslint-plugin-html": "^4.0.3",
     "eslint-plugin-import": "^2.12.0",
-    "eslint-plugin-jest": "^21.17.0",
+    "eslint-plugin-jest": "^21.18.0",
     "eslint-plugin-prettier": "^2.6.2",
-    "eslint-plugin-vue": "^4.5.0",
+    "eslint-plugin-vue": "^4.7.0",
     "husky": "^0.14.3",
     "jest": "^22.4.4",
     "jest-serializer-html": "^5.0.0",
@@ -84,7 +85,7 @@
     "lint-staged": "^7.1.3",
     "lodash": "^4.17.10",
     "node-sass": "^4.9.2",
-    "prettier": "^1.13.4",
+    "prettier": "^1.13.7",
     "rollup": "^0.59.4",
     "rollup-plugin-babel": "^3.0.7",
     "rollup-plugin-commonjs": "^9.1.3",
@@ -99,7 +100,7 @@
     "uglify-es": "^3.3.9",
     "vue": "^2.5.16",
     "vue-jest": "^2.6.0",
-    "vue-loader": "^14.2.2",
+    "vue-loader": "^15.2.6",
     "vue-server-renderer": "^2.5.16",
     "vue-template-compiler": "^2.5.16",
     "vue-test-utils": "^1.0.0-beta.11"
 
@@ -1,11 +1,15 @@
 <template>
-  <div class="sidebar">
+  <div class="sidebar" v-on-clickaway="hideMobile">
     <slot>Sidebar</slot>
   </div>
 </template>
 <script>
+import { mixin as clickaway } from 'vue-clickaway'
+import { hideMobile } from '../../mixins/hideMobile'
+
 export default {
   name: 'sidebar',
+  mixins: [ clickaway, hideMobile ],
   props: {
     fixed: {
       type: Boolean,
 
@@ -5,9 +5,12 @@
 </template>
 
 <script>
+import { hideMobile } from '../../mixins/hideMobile'
+
 export default {
   name: 'sidebar-nav-item',
-  props: {
+    mixins: [ hideMobile ],
+    props: {
     classes: {
       type: String,
       default: ''
@@ -23,13 +26,6 @@ export default {
     itemClasses () {
       return this.classes ? this.classes.split(' ') : ''
     }
-  },
-  methods: {
-    hideMobile () {
-      if (document.body.classList.contains('sidebar-show')) {
-        document.body.classList.toggle('sidebar-show')
-      }
-    }
   }
 }
 </script>
@@ -50,6 +50,7 @@ export default {
     },
     sidebarToggle (e) {
       e.preventDefault()
+      e.stopPropagation()
       this.toggle()
     }
   }
 
@@ -0,0 +1,11 @@
+const hideMobile = {
+  methods: {
+    hideMobile() {
+      if (document.body.classList.contains('sidebar-show')) {
+        document.body.classList.toggle('sidebar-show')
+      }
+    }
+  }
+}
+
+export { hideMobile }
Original file line number	Diff line number	Diff line change
`@@ -50,6 +50,7 @@ export default {`
`50`	`50`	`},`
`51`	`51`	`sidebarToggle (e) {`
`52`	`52`	`e.preventDefault()`
	`53`	`+ e.stopPropagation()`
`53`	`54`	`this.toggle()`
`54`	`55`	`}`
`55`	`56`	`}`