fix(MdButton): read all router link properties and bind to button props

Author: marcosmoura

src/components/MdButton/MdButton.vue

@@ -15,12 +15,7 @@
         type: String,
         default: 'button'
       },
-      disabled: Boolean,
-      mdRipple: {
-        type: Boolean,
-        default: true
-      },
-      to: [String, Object]
+      disabled: Boolean
     },
     render (createElement) {
       const buttonContent = createElement('md-button-content', {
@@ -53,11 +48,8 @@
       if (this.href) {
         tag = 'a'
       } else if (this.$router && this.to) {
+        buttonAttrs.props = this.$props
         tag = 'router-link'
-        buttonAttrs.attrs = {
-          ...this.$options.propsData,
-          to: this.to
-        }
       }
 
       return createElement(tag, buttonAttrs, [buttonContent])

src/components/MdButton/index.js

@@ -1,5 +1,14 @@
 import MdButton from './MdButton'
 
 export default Vue => {
+  const routerLinkProps = Vue.options.components['router-link'].options.props
+
+  delete routerLinkProps.to.required
+
+  MdButton.props = {
+    ...MdButton.props,
+    ...routerLinkProps
+  }
+
   Vue.component(MdButton.name, MdButton)
 }