|
@@ -35,25 +35,38 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
|
- import Vue from 'vue';
|
|
|
|
|
- import Component from 'vue-class-component';
|
|
|
|
|
- import { Prop } from 'vue-property-decorator';
|
|
|
|
|
-
|
|
|
|
|
- @Component
|
|
|
|
|
- export default class HueButton extends Vue {
|
|
|
|
|
- @Prop({ required: false })
|
|
|
|
|
- primary?: boolean;
|
|
|
|
|
- @Prop({ required: false })
|
|
|
|
|
- alert?: boolean;
|
|
|
|
|
- @Prop({ required: false })
|
|
|
|
|
- borderless?: boolean;
|
|
|
|
|
- @Prop({ required: false })
|
|
|
|
|
- small?: boolean;
|
|
|
|
|
- @Prop({ required: false })
|
|
|
|
|
- large?: boolean;
|
|
|
|
|
- @Prop({ required: false })
|
|
|
|
|
- disabled?: boolean;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ import { defineComponent } from 'vue';
|
|
|
|
|
+
|
|
|
|
|
+ export default defineComponent({
|
|
|
|
|
+ props: {
|
|
|
|
|
+ primary: {
|
|
|
|
|
+ type: Boolean,
|
|
|
|
|
+ required: false
|
|
|
|
|
+ },
|
|
|
|
|
+ alert: {
|
|
|
|
|
+ type: Boolean,
|
|
|
|
|
+ required: false
|
|
|
|
|
+ },
|
|
|
|
|
+ borderless: {
|
|
|
|
|
+ type: Boolean,
|
|
|
|
|
+ required: false
|
|
|
|
|
+ },
|
|
|
|
|
+ small: {
|
|
|
|
|
+ type: Boolean,
|
|
|
|
|
+ required: false
|
|
|
|
|
+ },
|
|
|
|
|
+ large: {
|
|
|
|
|
+ type: Boolean,
|
|
|
|
|
+ required: false
|
|
|
|
|
+ },
|
|
|
|
|
+ disabled: {
|
|
|
|
|
+ type: Boolean,
|
|
|
|
|
+ required: false
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ emits: ['click']
|
|
|
|
|
+ });
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|