fix: added themeable mixin, organized imports

vuetifyjs · Aug 25, 2018 · 3f2be2a · 3f2be2a
1 parent 97e264e
commit 3f2be2a
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 14 deletions.
diff --git a/src/components/VBreadcrumbs/VBreadcrumbs.ts b/src/components/VBreadcrumbs/VBreadcrumbs.ts
@@ -1,13 +1,24 @@
-import Vue, { VNode } from 'vue'
+// Styles
+import '../../stylus/components/_breadcrumbs.styl'
+
+// Types
+import { VNode } from 'vue'
 import { PropValidator } from 'vue/types/options'
-import { deprecate } from '../../util/console'
 
+// Components
 import { VBreadcrumbsDivider, VBreadcrumbsItem } from '.'
 
-import '../../stylus/components/_breadcrumbs.styl'
+// Mixins
+import Themeable from '../../mixins/themeable'
+
+// Utils
+import { deprecate } from '../../util/console'
+import mixins from '../../util/mixins'
 
-/* @vue/component */
-export default Vue.extend({
+export default mixins(
+  Themeable
+  /* @vue/component */
+).extend({
   name: 'v-breadcrumbs',
 
   props: {
@@ -29,7 +40,8 @@ export default Vue.extend({
       return {
         'v-breadcrumbs--large': this.large,
         'justify-center': this.justifyCenter,
-        'justify-end': this.justifyEnd
+        'justify-end': this.justifyEnd,
+        ...this.themeClasses
       }
     }
   },
@@ -41,12 +53,6 @@ export default Vue.extend({
   },
 
   methods: {
-    /**
-     * Add dividers between
-     * v-breadcrumbs-item
-     *
-     * @return {array}
-     */
     genChildren () {
       if (!this.$slots.default) return undefined
 

diff --git a/src/stylus/components/_breadcrumbs.styl b/src/stylus/components/_breadcrumbs.styl
@@ -2,8 +2,7 @@
 @import '../theme'
 
 v-breadcrumbs($material)
-  li.v-breadcrumbs__divider,
-  li .v-breadcrumbs__item--disabled
+  .v-breadcrumbs__divider, .v-breadcrumbs__item--disabled
     color: $material.text.disabled
 
 theme(v-breadcrumbs, "v-breadcrumbs")