fix(MdButton): create better detection of router-link to support hmr

Author: marcosmoura

src/components/MdButton/MdButton.vue

@@ -1,6 +1,7 @@
 <script>
   import MdComponent from 'core/MdComponent'
   import ripple from 'core/mixins/ripple'
+  import MdRouterLinkProps from 'core/MdRouterLinkProps'
   import MdButtonContent from './MdButtonContent'
 
   export default new MdComponent({
@@ -15,7 +16,8 @@
         type: String,
         default: 'button'
       },
-      disabled: Boolean
+      disabled: Boolean,
+      to: null
     },
     render (createElement) {
       const buttonContent = createElement('md-button-content', {
@@ -48,8 +50,14 @@
       if (this.href) {
         tag = 'a'
       } else if (this.$router && this.to) {
-        buttonAttrs.props = this.$props
+        this.$options.props = MdRouterLinkProps(this, this.$options.props)
+
         tag = 'router-link'
+        buttonAttrs.props = this.$props
+        delete buttonAttrs.props.type
+        delete buttonAttrs.attrs.type
+        delete buttonAttrs.props.href
+        delete buttonAttrs.attrs.href
       }
 
       return createElement(tag, buttonAttrs, [buttonContent])

src/components/MdButton/index.js

@@ -1,13 +1,5 @@
-import MdRouterLinkProps from 'core/MdRouterLinkProps'
 import MdButton from './MdButton'
 
 export default Vue => {
-  const props = new MdRouterLinkProps(Vue)
-
-  MdButton.props = {
-    ...MdButton.props,
-    ...props
-  }
-
   Vue.component(MdButton.name, MdButton)
 }

src/core/MdRouterLinkProps.js

@@ -1,10 +1,6 @@
-export default Vue => {
-  let props = Vue.options.components['router-link'].options.props
-
+export default (context, props) => {
   return {
     ...props,
-    to: {
-      type: props.to.type
-    }
+    ...context.$options.components['router-link'].options.props
   }
 }