add name to all components

Author: marcosmoura

src/components/mdAvatar/mdAvatar.vue

@@ -10,6 +10,7 @@
   import theme from '../../core/components/mdTheme/mixin';
 
   export default {
+    name: 'md-avatar',
     mixins: [theme]
   };
 </script>

src/components/mdBackdrop/mdBackdrop.vue

@@ -6,6 +6,7 @@
 
 <script>
   export default {
+    name: 'md-backdrop',
     methods: {
       close() {
         this.$emit('close');

src/components/mdBottomBar/mdBottomBar.vue

@@ -10,6 +10,7 @@
   import theme from '../../core/components/mdTheme/mixin';
 
   export default {
+    name: 'md-bottom-bar',
     props: {
       mdShift: Boolean
     },

src/components/mdBottomBar/mdBottomBarItem.vue

@@ -1,6 +1,6 @@
 <template>
   <a :href="href" class="md-bottom-bar-item" :class="classes" :disabled="disabled" @click="setActive" v-if="href">
-    
+
     <md-icon v-if="mdIcon || mdIconSrc || mdIconset" :md-icon-src="mdIconSrc" :md-iconset="mdIconset">{{ mdIcon }}</md-icon>
 
     <md-ink-ripple :md-disabled="disabled" />
@@ -11,7 +11,7 @@
   </a>
 
   <button type="button" class="md-bottom-bar-item" :class="classes" :disabled="disabled" @click="setActive" v-else>
-    
+
     <md-icon v-if="mdIcon || mdIconSrc || mdIconset" :md-src="mdIconSrc" :md-iconset="mdIconset">{{ mdIcon }}</md-icon>
 
     <md-ink-ripple :md-disabled="disabled" />
@@ -24,6 +24,7 @@
 
 <script>
   export default {
+    name: 'md-bottom-bar-item',
     props: {
       mdIcon: String,
       mdIconSrc: String,

src/components/mdButton/mdButton.vue

@@ -16,6 +16,7 @@
   import theme from '../../core/components/mdTheme/mixin';
 
   export default {
+    name: 'md-button',
     props: {
       href: String,
       target: String,

src/components/mdButtonToggle/mdButtonToggle.vue

@@ -12,6 +12,7 @@
   let onClickButton;
 
   export default {
+    name: 'md-button-toggle',
     props: {
       mdSingle: Boolean
     },

src/components/mdCard/mdCard.vue

@@ -10,6 +10,7 @@
   import theme from '../../core/components/mdTheme/mixin';
 
   export default {
+    name: 'md-card',
     props: {
       mdWithHover: Boolean
     },

src/components/mdCard/mdCardActions.vue

@@ -3,3 +3,9 @@
     <slot></slot>
   </div>
 </template>
+
+<script>
+  export default {
+    name: 'md-card-actions'
+  };
+</script>

src/components/mdCard/mdCardArea.vue

@@ -6,6 +6,7 @@
 
 <script>
   export default {
+    name: 'md-card-area',
     props: {
       mdInset: Boolean
     },

src/components/mdCard/mdCardContent.vue

@@ -3,3 +3,9 @@
     <slot></slot>
   </div>
 </template>
+
+<script>
+  export default {
+    name: 'md-card-content'
+  };
+</script>

src/components/mdCard/mdCardExpand.vue

@@ -6,6 +6,7 @@
 
 <script>
   export default {
+    name: 'md-card-expand',
     methods: {
       setContentMargin() {
         this.content.style.marginTop = -this.content.offsetHeight + 'px';

src/components/mdCard/mdCardHeader.vue

@@ -3,3 +3,9 @@
     <slot></slot>
   </div>
 </template>
+
+<script>
+  export default {
+    name: 'md-card-header'
+  };
+</script>

src/components/mdCard/mdCardHeaderText.vue

@@ -6,6 +6,7 @@
 
 <script>
   export default {
+    name: 'md-card-header-text',
     mounted() {
       this.parentClasses = this.$parent.$el.classList;
 

src/components/mdCard/mdCardMedia.vue

@@ -6,6 +6,7 @@
 
 <script>
   export default {
+    name: 'md-card-media',
     props: {
       mdRatio: String,
       mdMedium: Boolean,

src/components/mdCard/mdCardMediaActions.vue

@@ -3,3 +3,9 @@
     <slot></slot>
   </div>
 </template>
+
+<script>
+  export default {
+    name: 'md-card-media-actions'
+  };
+</script>

src/components/mdCard/mdCardMediaCover.vue

@@ -9,6 +9,7 @@
   import getImageLightness from '../../core/utils/getImageLightness';
 
   export default {
+    name: 'md-card-media-cover',
     props: {
       mdTextScrim: Boolean,
       mdSolid: Boolean

src/components/mdCheckbox/mdCheckbox.vue

@@ -17,6 +17,7 @@
   import theme from '../../core/components/mdTheme/mixin';
 
   export default {
+    name: 'md-checkbox',
     props: {
       name: String,
       value: [String, Boolean],

src/components/mdChips/mdChip.vue

@@ -17,6 +17,7 @@
   import theme from '../../core/components/mdTheme/mixin';
 
   export default {
+    name: 'md-chip',
     props: {
       disabled: Boolean,
       mdDeletable: Boolean

src/components/mdChips/mdChips.vue

@@ -34,6 +34,7 @@
   import uniqueId from '../../core/utils/uniqueId';
 
   export default {
+    name: 'md-chips',
     props: {
       value: Array,
       disabled: Boolean,

src/components/mdDialog/mdDialog.vue

@@ -15,6 +15,7 @@
   import transitionEndEventName from '../../core/utils/transitionEndEventName';
 
   export default {
+    name: 'md-dialog',
     props: {
       mdClickOutsideToClose: {
         type: Boolean,

src/components/mdDialog/mdDialogActions.vue

@@ -3,3 +3,9 @@
     <slot></slot>
   </div>
 </template>
+
+<script>
+  export default {
+    name: 'md-dialog-actions'
+  };
+</script>

src/components/mdDialog/mdDialogContent.vue

@@ -3,3 +3,9 @@
     <slot></slot>
   </div>
 </template>
+
+<script>
+  export default {
+    name: 'md-dialog-content'
+  };
+</script>

src/components/mdDialog/mdDialogTitle.vue

@@ -3,3 +3,9 @@
     <slot></slot>
   </div>
 </template>
+
+<script>
+  export default {
+    name: 'md-dialog-title'
+  };
+</script>

src/components/mdDialog/presets/mdDialogAlert.vue

@@ -13,6 +13,7 @@
 
 <script>
   export default {
+    name: 'md-dialog-alert',
     props: {
       mdTitle: String,
       mdContent: String,

src/components/mdDialog/presets/mdDialogConfirm.vue

@@ -14,6 +14,7 @@
 
 <script>
   export default {
+    name: 'md-dialog-confirm',
     props: {
       mdTitle: String,
       mdContent: String,

src/components/mdDialog/presets/mdDialogPrompt.vue

@@ -27,6 +27,7 @@
 
 <script>
   export default {
+    name: 'md-dialog-prompt',
     props: {
       value: {
         type: [String, Number],

src/components/mdDivider/mdDivider.vue

@@ -3,3 +3,9 @@
 </template>
 
 <style lang="scss" src="./mdDivider.scss"></style>
+
+<script>
+  export default {
+    name: 'md-divider'
+  };
+</script>

src/components/mdFile/mdFile.vue

@@ -29,6 +29,7 @@
   import getClosestVueParent from '../../core/utils/getClosestVueParent';
 
   export default {
+    name: 'md-file',
     props: {
       value: String,
       id: String,

src/components/mdIcon/mdIcon.vue

@@ -16,6 +16,7 @@
   let registeredIcons = {};
 
   export default {
+    name: 'md-icon',
     props: {
       mdSrc: String,
       mdIconset: {

src/components/mdImage/mdImage.vue

@@ -8,6 +8,7 @@
   import getImageLightness from '../../core/utils/getImageLightness';
 
   export default {
+    name: 'md-image',
     props: {
       mdSrc: String
     },

src/components/mdInputContainer/mdInput.vue

@@ -19,13 +19,14 @@
   import getClosestVueParent from '../../core/utils/getClosestVueParent';
 
   export default {
-    mixins: [common],
+    name: 'md-input',
     props: {
       type: {
         type: String,
         default: 'text'
       }
     },
+    mixins: [common],
     mounted() {
       this.$nextTick(() => {
         this.parentContainer = getClosestVueParent(this.$parent, 'md-input-container');

src/components/mdInputContainer/mdInputContainer.vue

@@ -17,6 +17,7 @@
   import isArray from '../../core/utils/isArray';
 
   export default {
+    name: 'md-input-container',
     props: {
       mdInline: Boolean,
       mdHasPassword: Boolean

src/components/mdInputContainer/mdTextarea.vue

@@ -17,6 +17,7 @@
   import getClosestVueParent from '../../core/utils/getClosestVueParent';
 
   export default {
+    name: 'md-textarea',
     mixins: [common],
     watch: {
       value() {

src/components/mdLayout/mdLayout.vue

@@ -2,6 +2,7 @@
 
 <script>
   export default {
+    name: 'md-layout',
     props: {
       mdTag: {
         type: String,

src/components/mdList/mdList.vue

@@ -10,6 +10,7 @@
   import theme from '../../core/components/mdTheme/mixin';
 
   export default {
+    name: 'md-list',
     mixins: [theme]
   };
 </script>

src/components/mdList/mdListExpand.vue

@@ -3,3 +3,9 @@
     <slot></slot>
   </div>
 </template>
+
+<script>
+  export default {
+    name: 'md-list-expand'
+  };
+</script>

src/components/mdMenu/mdMenu.vue

@@ -13,6 +13,7 @@
   import getInViewPosition from '../../core/utils/getInViewPosition';
 
   export default {
+    name: 'md-menu',
     props: {
       mdSize: {
         type: [Number, String],

src/components/mdMenu/mdMenuContent.vue

@@ -16,6 +16,7 @@
 
 <script>
   export default {
+    name: 'md-menu-content',
     data() {
       return {
         oldHighlight: false,

src/components/mdMenu/mdMenuItem.vue

@@ -15,6 +15,7 @@
   import 'element.scrollintoviewifneeded-polyfill';
 
   export default {
+    name: 'md-menu-item',
     props: {
       href: String,
       target: String,

src/components/mdProgress/mdProgress.vue

@@ -12,6 +12,7 @@
   import theme from '../../core/components/mdTheme/mixin';
 
   export default {
+    name: 'md-progress',
     props: {
       mdIndeterminate: Boolean,
       mdProgress: {

src/components/mdRadio/mdRadio.vue

@@ -17,6 +17,7 @@
   import theme from '../../core/components/mdTheme/mixin';
 
   export default {
+    name: 'md-radio',
     props: {
       name: String,
       id: String,

src/components/mdSelect/mdOption.vue

@@ -20,6 +20,7 @@
   import getClosestVueParent from '../../core/utils/getClosestVueParent';
 
   export default {
+    name: 'md-option',
     props: {
       value: [String, Boolean, Number]
     },

src/components/mdSelect/mdSelect.vue

@@ -23,6 +23,7 @@
   import isArray from '../../core/utils/isArray';
 
   export default {
+    name: 'md-select',
     props: {
       name: String,
       id: String,

src/components/mdSidenav/mdSidenav.vue

@@ -14,6 +14,7 @@
   import theme from '../../core/components/mdTheme/mixin';
 
   export default {
+    name: 'md-sidenav',
     data() {
       return {
         mdVisible: false