fix(mdc-top-app-bar): Use variant specific foundation according to ma…

…terial-web-components@0.33.0
stasson · Mar 20, 2018 · a51ada8 · a51ada8
1 parent 40e6caa
commit a51ada8
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/components/top-app-bar/mdc-top-app-bar.vue b/components/top-app-bar/mdc-top-app-bar.vue
@@ -14,6 +14,7 @@
 
 <script>
 import MDCTopAppBarFoundation from '@material/top-app-bar/foundation';
+import MDCShortTopAppBarFoundation from '@material/top-app-bar/short/foundation';
 import * as util from '@material/top-app-bar/util';
 import { DispatchEventMixin, emitCustomEvent } from '../base';
 
@@ -41,7 +42,7 @@ export default {
   },
   mixins: [DispatchEventMixin],
   mounted() {
-    this.foundation = new MDCTopAppBarFoundation({
+    const adapter = {
       addClass: className => {
         this.$set(this.rootClasses, className, true);
       },
@@ -83,7 +84,12 @@ export default {
         this.$refs.root.querySelectorAll(
           MDCTopAppBarFoundation.strings.ACTION_ITEM_SELECTOR,
         ).length,
-    });
+    };
+
+    this.foundation = this.short
+      ? new MDCShortTopAppBarFoundation(adapter)
+      : new MDCTopAppBarFoundation(adapter);
+
     this.foundation.init();
   },
   computed: {