♻️ refactor: improve Popup component show/hide logic and update ESLint configuration

Author: danhnguyen

.eslintrc.json

@@ -23,6 +23,7 @@
     "vue/multi-word-component-names": "off",
     "vue/valid-template-root": "off",
     "unused-imports/no-unused-imports": "warn",
-    "vue/require-default-prop": "off"
+    "vue/require-default-prop": "off",
+    "@typescript-eslint/no-empty-object-type": "off"
   }
 }

examples/types/module.d.ts

@@ -1,6 +1,5 @@
 declare module '*.vue' {
-  import { DefineComponent } from 'vue'
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  const Component: DefineComponent<{}, {}, any>
-  export default Component
+  import { DefineComponent } from 'vue';
+  const Component: DefineComponent<{}, {}, any>;
+  export default Component;
 }

libs/components/Popup.vue

@@ -98,7 +98,8 @@ const { setLngLat, show, hide } = useCreatePopup({
 watch(
   () => props.show,
   (isShow) => {
-    isShow ? show() : hide();
+    if (isShow) show();
+    else hide();
   },
 );
 

types/module.d.ts

@@ -1,6 +1,5 @@
 declare module '*.vue' {
-  import { DefineComponent } from 'vue'
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  const Component: DefineComponent<{}, {}, any>
-  export default Component
+  import { DefineComponent } from 'vue';
+  const Component: DefineComponent<{}, {}, any>;
+  export default Component;
 }