From ca0c3c3c86edde0aace907f86679f04b81cb89fa Mon Sep 17 00:00:00 2001
From: Marcos Moura <marcosvmmoura@gmail.com>
Date: Mon, 5 Sep 2016 02:15:28 -0300
Subject: [PATCH] Convert component template to render function

---
 src/components/mdButton/index.js         |  2 --
 src/components/mdButton/mdButton.vue     | 38 ++++++++++++++++++++----
 src/components/mdButton/mdLinkButton.vue | 13 --------
 3 files changed, 32 insertions(+), 21 deletions(-)
 delete mode 100644 src/components/mdButton/mdLinkButton.vue

diff --git a/src/components/mdButton/index.js b/src/components/mdButton/index.js
index b36e571..78c52d6 100644
--- a/src/components/mdButton/index.js
+++ b/src/components/mdButton/index.js
@@ -1,10 +1,8 @@
 import MdButton from './mdButton.vue';
-import MdLinkButton from './mdLinkButton.vue';
 import MdButtonTheme from './mdButton.theme';
 
 export default function install(Vue) {
   Vue.component('md-button', Vue.extend(MdButton));
-  Vue.component('md-link-button', Vue.extend(MdLinkButton));
 
   window.VueMaterial.styles.push(MdButtonTheme);
 }
diff --git a/src/components/mdButton/mdButton.vue b/src/components/mdButton/mdButton.vue
index e891eeb..92d9883 100644
--- a/src/components/mdButton/mdButton.vue
+++ b/src/components/mdButton/mdButton.vue
@@ -1,14 +1,40 @@
-<template>
-  <button class="md-button" :type="type || 'button'" :disabled="disabled" v-md-ink-ripple="disabled">
-    <slot></slot>
-  </button>
-</template>
-
 <style lang="scss" src="./mdButton.scss"></style>
 
 <script>
   export default {
+    render(createElement) {
+      let isDisabled = Boolean(this.disabled);
+      let hasLink = Boolean(this.href);
+      let tag = 'button';
+      let emitClick = () => {
+        this.$emit('click');
+      };
+      let options = {
+        staticClass: 'md-button',
+        attrs: {
+          type: hasLink || 'button',
+          disabled: isDisabled
+        },
+        directives: [{
+          name: 'md-ink-ripple',
+          value: isDisabled,
+          expression: 'disabled'
+        }],
+        on: {
+          click: emitClick
+        }
+      };
+
+      if (hasLink) {
+        tag = 'a';
+        options.attrs.href = this.href;
+        delete options.attrs.type;
+      }
+
+      return createElement(tag, options, this.$slots.default);
+    },
     props: {
+      href: String,
       type: String,
       disabled: Boolean
     }
diff --git a/src/components/mdButton/mdLinkButton.vue b/src/components/mdButton/mdLinkButton.vue
deleted file mode 100644
index a5cfb83..0000000
--- a/src/components/mdButton/mdLinkButton.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <a class="md-button" :disabled="disabled" v-md-ink-ripple="disabled">
-    <slot></slot>
-  </a>
-</template>
-
-<script>
-  export default {
-    props: {
-      disabled: Boolean
-    }
-  };
-</script>