feat(structure): mv theme-specific directives to vuestic-directives f…

…older

build/webpack.base.conf.js

@@ -31,6 +31,7 @@ module.exports = {
       'directives': resolve('src/directives'),
       'vuestic-mixins': resolve('src/vuestic-theme/vuestic-mixins'),
       'vuestic-components': resolve('src/vuestic-theme/vuestic-components'),
+      'vuestic-directives': resolve('src/vuestic-theme/vuestic-directives'),
       'vuestic-theme': resolve('src/vuestic-theme'),
       'data': resolve('src/data'),
       'vuex-store': resolve('src/store')

src/components/layout/navbar/LanguageSelector.vue

@@ -23,15 +23,10 @@
 <script>
   import Vue from 'vue'
   import { mapActions } from 'vuex'
-  import Dropdown from '../../../directives/Dropdown'
 
   export default {
     name: 'language-selector',
 
-    directives: {
-      dropdown: Dropdown
-    },
-
     props: {
       options: {
         type: Array,
@@ -151,7 +146,7 @@
         color: $vue-green;
         background-color: $darkest-gray;
       }
-      
+
       &:hover {
         background-color: $almost-black;
       }

src/components/layout/navbar/Navbar.vue

@@ -80,7 +80,6 @@
 
 <script>
   import { mapGetters, mapActions } from 'vuex'
-  import Dropdown from '../../../directives/Dropdown'
   import LanguageSelector from './LanguageSelector'
 
   export default {
@@ -90,10 +89,6 @@
       LanguageSelector
     },
 
-    directives: {
-      dropdown: Dropdown
-    },
-
     data () {
       return {
         langs: [

src/components/ui/buttons/Buttons.vue

@@ -181,13 +181,10 @@
 
 <script>
   import {mapGetters} from 'vuex'
-  import Dropdown from 'directives/Dropdown'
 
   export default {
     name: 'buttons',
-    directives: {
-      Dropdown
-    },
+
     computed: {
       ...mapGetters([
         'sidebarOpened'

src/vuestic-theme/vuestic-components/vuestic-chat/VuesticChat.vue

@@ -20,11 +20,13 @@
 </template>
 
 <script>
-  import StickyScroll from 'directives/StickyScroll'
+  import StickyScroll from 'vuestic-directives/StickyScroll'
 
   export default {
     name: 'vuestic-chat',
+
     directives: {StickyScroll},
+
     props: {
       value: {
         type: Array,
@@ -34,17 +36,20 @@
         default: '20rem'
       }
     },
+
     data () {
       return {
         inputMessage: ''
       }
     },
+
     methods: {
       keyHandler (event) {
         if (event.keyCode === 13) {
           this.sendMessage()
         }
       },
+
       sendMessage () {
         if (this.inputMessage) {
           this.$emit('input', this.value.concat({
@@ -55,6 +60,7 @@
         }
       }
     },
+
     mounted () {
       this.$emit('input', this.value)
     }

src/vuestic-theme/vuestic-components/vuestic-datatable/datatable-components/ItemsPerPage.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-  import Dropdown from 'directives/Dropdown'
+  import Dropdown from 'vuestic-directives/Dropdown'
 
   export default {
     directives: {

src/vuestic-theme/vuestic-components/vuestic-multi-select/VuesticMultiSelect.vue

@@ -28,7 +28,7 @@
 </template>
 
 <script>
-  import Dropdown from 'directives/Dropdown'
+  import Dropdown from 'vuestic-directives/Dropdown'
   import Scrollbar from '../vuestic-scrollbar/VuesticScrollbar.vue'
 
   export default {

src/vuestic-theme/vuestic-components/vuestic-simple-select/VuesticSimpleSelect.vue

@@ -28,7 +28,7 @@
 </template>
 
 <script>
-  import Dropdown from 'directives/Dropdown'
+  import Dropdown from 'vuestic-directives/Dropdown'
   import Scrollbar from '../vuestic-scrollbar/VuesticScrollbar.vue'
 
   export default {

src/vuestic-theme/vuestic-plugin.js

@@ -22,6 +22,9 @@ import Popover from './vuestic-components/vuestic-popover/VuesticPopover.vue'
 
 import VuesticToasted from './vuestic-mixins/VuesticToasted'
 
+import Dropdown from './vuestic-directives/Dropdown'
+import StickyScroll from './vuestic-directives/StickyScroll'
+
 const VuesticPlugin = {
   install (Vue, options) {
     Vue.component(Alert.name, Alert)
@@ -47,6 +50,9 @@ const VuesticPlugin = {
     Vue.component(Popover.name, Popover)
 
     Vue.mixin(VuesticToasted)
+
+    Vue.directive('dropdown', Dropdown)
+    Vue.directive('sticky-scroll', StickyScroll)
   }
 }