refactor: replace unary plus with Number for better readability in position calculations

Author: prabhuignoto

src/components/Menu.vue

@@ -127,19 +127,6 @@ export default defineComponent({
     // resolve this component for usage innested menus
     const SubMenuComponent = resolveComponent('FloatMenu');
 
-    const selectMenuItem = (
-      name?: string,
-      id?: string,
-      subMenu?: boolean,
-      selectFirstItem?: boolean
-    ) => {
-      if (!subMenu) {
-        name && props?.onSelection(name);
-      } else {
-        toggleMenu(id, selectFirstItem);
-      }
-    };
-
     // expands the submenu
     const toggleMenu = (id?: string, selectFirstItem?: boolean) => {
       menuItems.value = menuItems.value.map((item) =>
@@ -159,6 +146,19 @@ export default defineComponent({
       );
     };
 
+    const selectMenuItem = (
+      name?: string,
+      id?: string,
+      subMenu?: boolean,
+      selectFirstItem?: boolean
+    ) => {
+      if (!subMenu) {
+        name && props?.onSelection(name);
+      } else {
+        toggleMenu(id, selectFirstItem);
+      }
+    };
+
     const handleMenuItemClick = (
       event: MouseEvent,
       id: string,
@@ -253,7 +253,7 @@ export default defineComponent({
         if (item.subMenu) {
           toggleMenu(item.id, true);
         } else {
-          selectMenuItem(item.name, item.id, !!item.subMenu);
+          selectMenuItem(item.name, item.id, Boolean(item.subMenu));
         }
         // handle right arrow
       } else if (keyCode === 'ArrowRight') {

src/components/index.vue

@@ -196,8 +196,8 @@ export default defineComponent({
       const intialStyle = utils.setupInitStyle(props.position, props.dimension);
 
       position.value = {
-        left: +intialStyle.left.replace(/px/gi, ''),
-        top: +intialStyle.top.replace(/px/gi, ''),
+        left: Number(intialStyle.left.replace(/px/gi, '')),
+        top: Number(intialStyle.top.replace(/px/gi, '')),
       };
     };
 
@@ -232,8 +232,8 @@ export default defineComponent({
       // setup the initial style on load
       const intialStyle = utils.setupInitStyle(props.position, props.dimension);
       const initPosition = {
-        left: +intialStyle.left.replace(/px/gi, ''),
-        top: +intialStyle.top.replace(/px/gi, ''),
+        left: Number(intialStyle.left.replace(/px/gi, '')),
+        top: Number(intialStyle.top.replace(/px/gi, '')),
       };
       position.value = initPosition;
       previousPosition.value = initPosition;