Эх сурвалжийг харах

[ui] Vue 3 - Migrated HueButton component

sreenaths 4 жил өмнө
parent
commit
a6cf867d4d

+ 32 - 19
desktop/core/src/desktop/js/components/HueButton.vue

@@ -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>