v3.0.0

Author: ntkme

LICENSE

@@ -1,6 +1,6 @@
 BSD 2-Clause License
 
-Copyright (c) 2020, なつき
+Copyright (c) 2021, なつき
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without

README.md

@@ -2,6 +2,16 @@
 
 ## Installation
 
+#### Vue 3
+
+``` sh
+npm install vue-github-button@next
+# OR
+yarn add vue-github-button@next
+```
+
+#### Vue 2
+
 ``` sh
 npm install vue-github-button
 # OR

index.d.ts

@@ -1 +0,0 @@
-import Vue from 'vue'

index.js

@@ -1,23 +1,25 @@
-import Vue from 'vue'
+import { defineComponent, h } from 'vue'
+import { hyphenate } from '@vue/shared'
 
-export default Vue.extend({
+export default defineComponent({
   name: 'github-button',
-  props: ['href', 'ariaLabel', 'title', 'dataIcon', 'dataColorScheme', 'dataSize', 'dataShowCount', 'dataText'],
-  render: function (h) {
+  props: {
+    href: String,
+    ariaLabel: String,
+    title: String,
+    dataIcon: String,
+    dataColorScheme: String,
+    dataSize: String,
+    dataShowCount: String,
+    dataText: String
+  },
+  render: function () {
+    const props = { ref: '_' }
+    for (const key in this.$props) {
+      props[hyphenate(key)] = this.$props[key]
+    }
     return h('span', [
-      h('a', {
-        attrs: {
-          'href': this.href,
-          'aria-label': this.ariaLabel,
-          'title': this.title,
-          'data-icon': this.dataIcon,
-          'data-color-scheme': this.dataColorScheme,
-          'data-size': this.dataSize,
-          'data-show-count': this.dataShowCount,
-          'data-text': this.dataText
-        },
-        ref: '_'
-      }, this.$slots.default)
+      h('a', props, this.$slots.default())
     ])
   },
   mounted: function () {
@@ -29,7 +31,7 @@ export default Vue.extend({
   updated: function () {
     this.paint()
   },
-  beforeDestroy: function () {
+  beforeUnmount: function () {
     this.reset()
   },
   methods: {

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-github-button",
-  "version": "1.3.0",
+  "version": "3.0.0",
   "description": "GitHub button component for Vue.js",
   "main": "index.js",
   "types": "index.d.ts",
@@ -24,6 +24,6 @@
   },
   "homepage": "https://buttons.github.io/",
   "dependencies": {
-    "github-buttons": "^2.8.0"
+    "github-buttons": "^2.14.1"
   }
 }