fcad-core-dragon 2.1.1 → 2.1.2

package/src/components/AppBaseButton.vue

@@ -1,95 +1,90 @@
-<template>
-  <!--
- @ Description: This component is used to create button
- @ What it does: emit click event
--->
-
-  <button
-    :type="type"
-    class="btn"
-    :class="{
-      click: isClick,
-      'btn-visited': isVisited,
-      md_disabled: isDisabled
-    }"
-    :aria-disabled="isDisabled ? true : null"
-    @click="click"
-    @focus="focus"
-    @blur="blur"
-    @mouseenter="mouseenter"
-    @mouseleave="mouseleave"
-  >
-    <slot>Button</slot>
-  </button>
-</template>
-
-<script>
-export default {
-  name: 'AppBaseButton',
-  props: {
-    isDisabled: {
-      type: Boolean,
-      default: false
-    },
-    type: {
-      type: String,
-      default: 'button'
-    }
-  },
-  emits: ['click', 'focus', 'blur', 'mouseenter', 'mouseleave'],
-  data() {
-    return {
-      isClick: false,
-      isVisited: false,
-      count: 0
-    }
-  },
-  methods: {
-    /**
-     * @fires click to parent component or page
-     */
-    click() {
-      if (this.isDisabled) return // prevent bouton action on click if button not available
-
-      this.$emit('click', this.$el)
-      // this.$emit('click', (this.count += 2))
-      this.isClick = !this.isClick
-      if (!this.isVisited) {
-        this.isVisited = true
-      }
-    },
-    /**
-     * @fires focus to parent component or page
-     */
-    focus() {
-      this.$emit('focus', this.$el)
-    },
-    /**
-     * @fires blur to parent component or page
-     */
-    blur() {
-      this.$emit('blur', this.$el)
-    },
-    /**
-     * @fires mouseenter to parent component or page
-     */
-    mouseenter() {
-      this.$emit('mouseenter', this.$el)
-    },
-    /**
-     * @fires mouseenter to parent component or page
-     */
-    mouseleave() {
-      this.$emit('mouseleave', this.$el)
-    }
-  }
-}
-</script>
-<style lang="scss">
-.btn {
-  display: flex;
-  align-items: center;
-  //test
-  //test
-}
-</style>
+<template>
+  <button
+    :type="type"
+    class="btn"
+    :class="{
+      click: isClick,
+      'btn-visited': isVisited,
+      md_disabled: isDisabled
+    }"
+    :aria-disabled="isDisabled ? true : null"
+    @click="click"
+    @focus="focus"
+    @blur="blur"
+    @mouseenter="mouseenter"
+    @mouseleave="mouseleave"
+  >
+    <slot>Button</slot>
+  </button>
+</template>
+
+<script>
+export default {
+  name: 'AppBaseButton',
+  props: {
+    isDisabled: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: 'button'
+    }
+  },
+  emits: ['click', 'focus', 'blur', 'mouseenter', 'mouseleave'],
+  data() {
+    return {
+      isClick: false,
+      isVisited: false,
+      count: 0
+    }
+  },
+  methods: {
+    /**
+     * @fires click to parent component or page
+     */
+    click() {
+      if (this.isDisabled) return // prevent bouton action on click if button not available
+
+      this.$emit('click', this.$el)
+      // this.$emit('click', (this.count += 2))
+      this.isClick = !this.isClick
+      if (!this.isVisited) {
+        this.isVisited = true
+      }
+    },
+    /**
+     * @fires focus to parent component or page
+     */
+    focus() {
+      this.$emit('focus', this.$el)
+    },
+    /**
+     * @fires blur to parent component or page
+     */
+    blur() {
+      this.$emit('blur', this.$el)
+    },
+    /**
+     * @fires mouseenter to parent component or page
+     */
+    mouseenter() {
+      this.$emit('mouseenter', this.$el)
+    },
+    /**
+     * @fires mouseenter to parent component or page
+     */
+    mouseleave() {
+      this.$emit('mouseleave', this.$el)
+    }
+  }
+}
+</script>
+<style lang="scss">
+.btn {
+  display: flex;
+  align-items: center;
+  //test
+  //test
+}
+</style>