Lint

client/src/components/Popper/Popper.test.js

@@ -1,6 +1,7 @@
+import { createPopper } from "@popperjs/core";
 import { mount } from "@vue/test-utils";
+
 import PopperComponent from "./Popper.vue";
-import { createPopper } from "@popperjs/core";
 
 jest.mock("@popperjs/core", () => ({
     createPopper: jest.fn(() => ({

client/src/components/Popper/Popper.vue

@@ -20,10 +20,11 @@
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { faTimesCircle } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
+import { type Placement } from "@popperjs/core";
 import type { PropType } from "vue";
 import { ref, watch } from "vue";
-import { type Placement } from "@popperjs/core";
-import { usePopper, type Trigger } from "./usePopper";
+
+import { type Trigger, usePopper } from "./usePopper";
 
 library.add(faTimesCircle);
 

client/src/components/Popper/usePopper.test.js

@@ -1,6 +1,7 @@
-import { mount } from "@vue/test-utils";
-import { ref, nextTick } from "vue";
 import { createPopper } from "@popperjs/core";
+import { mount } from "@vue/test-utils";
+import { nextTick, ref } from "vue";
+
 import { usePopper } from "./usePopper";
 
 jest.mock("@popperjs/core", () => ({

client/src/components/Popper/usePopper.ts

@@ -17,8 +17,9 @@ export function usePopper(
     const doOpen = () => (visible.value = true);
     const doClose = () => (visible.value = false);
     const doCloseForDocument = (e: Event) => {
-        if (!reference.value?.contains(e.target as Node) && !popper.value?.contains(e.target as Node))
+        if (!reference.value?.contains(e.target as Node) && !popper.value?.contains(e.target as Node)) {
             visible.value = false;
+        }
     };
 
     const addEventListener = (target: EventTarget, event: string, handler: EventListener) => {