mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 16:43:55 +00:00
b11e9c0e51
- [ ] babel-eslint https://github.com/babel/babel-eslint/issues/664 - [x] eslint-config-standard-jsx https://github.com/standard/eslint-config-standard-jsx/issues/32 - [x] eslint-config-standard to be stable release https://github.com/standard/eslint-config-standard/issues/123 - [x] eslint-plugin-html - [x] eslint-plugin-import - [x] eslint-plugin-jest - [x] eslint-plugin-node - [x] eslint-plugin-promise - [x] eslint-plugin-standard https://github.com/standard/eslint-plugin-standard/issues/29 - [x] eslint-plugin-vue https://github.com/vuejs/eslint-plugin-vue/pull/504 - [x] eslint-plugin-react https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.10.0
35 lines
581 B
Vue
35 lines
581 B
Vue
<template>
|
|
<button :style="{color: color, borderColor: color}" :class="{rounded: rounded}" class="wr-button" @click="handleClick"><slot />!</button>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
rounded: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
handleClick: {
|
|
type: Function,
|
|
default: () => () => null
|
|
},
|
|
color: {
|
|
type: String,
|
|
default: '#42b983'
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.rounded {
|
|
border-radius: 10px;
|
|
}
|
|
.wr-button {
|
|
border: 3px solid;
|
|
padding: 10px 20px;
|
|
background-color: white;
|
|
outline: none;
|
|
}
|
|
</style>
|