From 5ffe6f32343aca670d115108bd6e5b045affac24 Mon Sep 17 00:00:00 2001
From: Younes Barrad <younesbarraddev@gmail.com>
Date: Sun, 10 Sep 2023 02:18:47 +0100
Subject: [PATCH 01/11] feat: remove lodash

---
 docs/pages/index.vue                          |   2 +-
 package.json                                  |   4 +-
 pnpm-lock.yaml                                |   7 +-
 src/colors.ts                                 |   2 +-
 src/runtime/components/data/Table.vue         |   2 +-
 src/runtime/components/elements/Accordion.vue |   2 +-
 src/runtime/components/elements/Alert.vue     |   2 +-
 src/runtime/components/elements/Avatar.vue    |   3 +-
 .../components/elements/AvatarGroup.ts        |   2 +-
 src/runtime/components/elements/Badge.vue     |   2 +-
 src/runtime/components/elements/Button.vue    |   2 +-
 .../components/elements/ButtonGroup.ts        |   2 +-
 src/runtime/components/elements/Dropdown.vue  |   2 +-
 src/runtime/components/elements/Kbd.vue       |   2 +-
 src/runtime/components/elements/Link.vue      |   2 +-
 src/runtime/components/forms/Checkbox.vue     |   2 +-
 src/runtime/components/forms/FormGroup.vue    |   2 +-
 src/runtime/components/forms/Input.vue        |   2 +-
 src/runtime/components/forms/Radio.vue        |   2 +-
 src/runtime/components/forms/Range.vue        |   2 +-
 src/runtime/components/forms/Select.vue       |   2 +-
 src/runtime/components/forms/SelectMenu.vue   |   2 +-
 src/runtime/components/forms/Textarea.vue     |   2 +-
 src/runtime/components/forms/Toggle.vue       |   2 +-
 src/runtime/components/layout/Card.vue        |   2 +-
 src/runtime/components/layout/Container.vue   |   2 +-
 src/runtime/components/layout/Skeleton.vue    |   2 +-
 .../components/navigation/CommandPalette.vue  |   2 +-
 .../components/navigation/Pagination.vue      |   2 +-
 src/runtime/components/navigation/Tabs.vue    |   2 +-
 .../navigation/VerticalNavigation.vue         |   2 +-
 .../components/overlays/ContextMenu.vue       |   2 +-
 src/runtime/components/overlays/Modal.vue     |   2 +-
 .../components/overlays/Notification.vue      |   2 +-
 .../components/overlays/Notifications.vue     |   2 +-
 src/runtime/components/overlays/Popover.vue   |   2 +-
 src/runtime/components/overlays/Slideover.vue |   2 +-
 src/runtime/components/overlays/Tooltip.vue   |   2 +-
 src/runtime/composables/usePopper.ts          |   2 +-
 src/runtime/utils/lodash.ts                   | 147 ++++++++++++++++++
 40 files changed, 190 insertions(+), 43 deletions(-)
 create mode 100644 src/runtime/utils/lodash.ts

diff --git a/docs/pages/index.vue b/docs/pages/index.vue
index 38d3ccfaea..710332eca4 100644
--- a/docs/pages/index.vue
+++ b/docs/pages/index.vue
@@ -179,7 +179,7 @@
 </template>
 
 <script setup lang="ts">
-import { pick } from 'lodash-es'
+import { pick } from '../../src/runtime/utils/lodash'
 import { breakpointsTailwind, useBreakpoints } from '@vueuse/core'
 
 const { data: page } = await useAsyncData('index', () => queryContent('/').findOne())
diff --git a/package.json b/package.json
index 36a7d47e15..3adacad85b 100644
--- a/package.json
+++ b/package.json
@@ -45,8 +45,8 @@
     "@vueuse/integrations": "^10.4.1",
     "@vueuse/math": "^10.4.1",
     "defu": "^6.1.2",
+    "scule": "^1.0.0",
     "fuse.js": "^6.6.2",
-    "lodash-es": "^4.17.21",
     "tailwind-merge": "^1.14.0",
     "tailwindcss": "^3.3.3"
   },
@@ -70,4 +70,4 @@
       "nuxt-component-meta@0.5.3": "patches/nuxt-component-meta@0.5.3.patch"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6a73da339b..434c156e75 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -61,9 +61,9 @@ importers:
       fuse.js:
         specifier: ^6.6.2
         version: 6.6.2
-      lodash-es:
-        specifier: ^4.17.21
-        version: 4.17.21
+      scule:
+        specifier: ^1.0.0
+        version: 1.0.0
       tailwind-merge:
         specifier: ^1.14.0
         version: 1.14.0
@@ -7476,6 +7476,7 @@ packages:
 
   /lodash-es@4.17.21:
     resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+    dev: true
 
   /lodash._reinterpolate@3.0.0:
     resolution: {integrity: sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==}
diff --git a/src/colors.ts b/src/colors.ts
index 4724f549d0..773c6585ee 100644
--- a/src/colors.ts
+++ b/src/colors.ts
@@ -1,4 +1,4 @@
-import { omit, kebabCase, camelCase, upperFirst } from 'lodash-es'
+import { omit, kebabCase, camelCase, upperFirst } from './runtime/utils/lodash'
 
 const colorsToExclude = [
   'inherit',
diff --git a/src/runtime/components/data/Table.vue b/src/runtime/components/data/Table.vue
index 027910531d..74e81a9fca 100644
--- a/src/runtime/components/data/Table.vue
+++ b/src/runtime/components/data/Table.vue
@@ -69,7 +69,7 @@
 <script lang="ts">
 import { ref, computed, defineComponent, toRaw } from 'vue'
 import type { PropType } from 'vue'
-import { omit, capitalize, orderBy, get } from 'lodash-es'
+import { omit, capitalize, orderBy, get } from '../../utils/lodash'
 import { defu } from 'defu'
 import { twMerge } from 'tailwind-merge'
 import { defuTwMerge } from '../../utils'
diff --git a/src/runtime/components/elements/Accordion.vue b/src/runtime/components/elements/Accordion.vue
index 2c8daa63c3..827979a087 100644
--- a/src/runtime/components/elements/Accordion.vue
+++ b/src/runtime/components/elements/Accordion.vue
@@ -43,7 +43,7 @@
 import { ref, computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
 import { Disclosure as HDisclosure, DisclosureButton as HDisclosureButton, DisclosurePanel as HDisclosurePanel } from '@headlessui/vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge } from 'tailwind-merge'
 import UIcon from '../elements/Icon.vue'
 import UButton from '../elements/Button.vue'
diff --git a/src/runtime/components/elements/Alert.vue b/src/runtime/components/elements/Alert.vue
index e642053e09..a1b2bcf1b0 100644
--- a/src/runtime/components/elements/Alert.vue
+++ b/src/runtime/components/elements/Alert.vue
@@ -45,7 +45,7 @@ import { useAppConfig } from '#imports'
 // TODO: Remove
 // @ts-expect-error
 import appConfig from '#build/app.config'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 
 // const appConfig = useAppConfig()
 
diff --git a/src/runtime/components/elements/Avatar.vue b/src/runtime/components/elements/Avatar.vue
index 22c406f2d6..e27a07b2fc 100644
--- a/src/runtime/components/elements/Avatar.vue
+++ b/src/runtime/components/elements/Avatar.vue
@@ -29,8 +29,7 @@ import { useAppConfig } from '#imports'
 // TODO: Remove
 // @ts-expect-error
 import appConfig from '#build/app.config'
-import { omit } from 'lodash-es'
-
+import { omit } from '../../utils/lodash'
 // const appConfig = useAppConfig()
 
 export default defineComponent({
diff --git a/src/runtime/components/elements/AvatarGroup.ts b/src/runtime/components/elements/AvatarGroup.ts
index 0ec76d68d5..d0bd1ebe36 100644
--- a/src/runtime/components/elements/AvatarGroup.ts
+++ b/src/runtime/components/elements/AvatarGroup.ts
@@ -1,6 +1,6 @@
 import { h, cloneVNode, computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import { defuTwMerge, getSlotsChildren } from '../../utils'
 import Avatar from './Avatar.vue'
diff --git a/src/runtime/components/elements/Badge.vue b/src/runtime/components/elements/Badge.vue
index 68cb08b793..ecd4b39fe5 100644
--- a/src/runtime/components/elements/Badge.vue
+++ b/src/runtime/components/elements/Badge.vue
@@ -7,7 +7,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import { defuTwMerge } from '../../utils'
 import { useAppConfig } from '#imports'
diff --git a/src/runtime/components/elements/Button.vue b/src/runtime/components/elements/Button.vue
index 059367632d..99028b745b 100644
--- a/src/runtime/components/elements/Button.vue
+++ b/src/runtime/components/elements/Button.vue
@@ -19,7 +19,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import UIcon from '../elements/Icon.vue'
 import ULink from '../elements/Link.vue'
diff --git a/src/runtime/components/elements/ButtonGroup.ts b/src/runtime/components/elements/ButtonGroup.ts
index 928061a3d1..edf3786044 100644
--- a/src/runtime/components/elements/ButtonGroup.ts
+++ b/src/runtime/components/elements/ButtonGroup.ts
@@ -1,6 +1,6 @@
 import { h, cloneVNode, computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import { defuTwMerge, getSlotsChildren } from '../../utils'
 import { useAppConfig } from '#imports'
diff --git a/src/runtime/components/elements/Dropdown.vue b/src/runtime/components/elements/Dropdown.vue
index df4cae776e..f77da2120d 100644
--- a/src/runtime/components/elements/Dropdown.vue
+++ b/src/runtime/components/elements/Dropdown.vue
@@ -49,7 +49,7 @@ import { defineComponent, ref, computed, onMounted } from 'vue'
 import type { PropType } from 'vue'
 import { Menu as HMenu, MenuButton as HMenuButton, MenuItems as HMenuItems, MenuItem as HMenuItem } from '@headlessui/vue'
 import { defu } from 'defu'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge } from 'tailwind-merge'
 import UIcon from '../elements/Icon.vue'
 import UAvatar from '../elements/Avatar.vue'
diff --git a/src/runtime/components/elements/Kbd.vue b/src/runtime/components/elements/Kbd.vue
index dd2337ef72..be0636eb83 100644
--- a/src/runtime/components/elements/Kbd.vue
+++ b/src/runtime/components/elements/Kbd.vue
@@ -7,7 +7,7 @@
 <script lang="ts">
 import { defineComponent, computed } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import { defuTwMerge } from '../../utils'
 import { useAppConfig } from '#imports'
diff --git a/src/runtime/components/elements/Link.vue b/src/runtime/components/elements/Link.vue
index 2a98f21ed0..62f774ce25 100644
--- a/src/runtime/components/elements/Link.vue
+++ b/src/runtime/components/elements/Link.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts">
-import { isEqual } from 'lodash-es'
+import { isEqual } from '../../utils/lodash'
 import { defineComponent } from 'vue'
 import { NuxtLink } from '#components'
 
diff --git a/src/runtime/components/forms/Checkbox.vue b/src/runtime/components/forms/Checkbox.vue
index b57ec915bb..c4cb1f2d04 100644
--- a/src/runtime/components/forms/Checkbox.vue
+++ b/src/runtime/components/forms/Checkbox.vue
@@ -32,7 +32,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import { defuTwMerge } from '../../utils'
 import { useFormGroup } from '../../composables/useFormGroup'
diff --git a/src/runtime/components/forms/FormGroup.vue b/src/runtime/components/forms/FormGroup.vue
index 4dfac19e4f..abd0bfa202 100644
--- a/src/runtime/components/forms/FormGroup.vue
+++ b/src/runtime/components/forms/FormGroup.vue
@@ -21,7 +21,7 @@
 <script lang="ts">
 import { computed, defineComponent, provide, inject } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge } from 'tailwind-merge'
 import type { FormError } from '../../types/form'
 import { defuTwMerge } from '../../utils'
diff --git a/src/runtime/components/forms/Input.vue b/src/runtime/components/forms/Input.vue
index bee6dcaeec..d681f8bd34 100644
--- a/src/runtime/components/forms/Input.vue
+++ b/src/runtime/components/forms/Input.vue
@@ -33,7 +33,7 @@
 <script lang="ts">
 import { ref, computed, onMounted, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import UIcon from '../elements/Icon.vue'
 import { defuTwMerge } from '../../utils'
diff --git a/src/runtime/components/forms/Radio.vue b/src/runtime/components/forms/Radio.vue
index c101ca19b0..71e164413c 100644
--- a/src/runtime/components/forms/Radio.vue
+++ b/src/runtime/components/forms/Radio.vue
@@ -29,7 +29,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import { defuTwMerge } from '../../utils'
 import { useFormGroup } from '../../composables/useFormGroup'
diff --git a/src/runtime/components/forms/Range.vue b/src/runtime/components/forms/Range.vue
index d8dff09df2..cc33424312 100644
--- a/src/runtime/components/forms/Range.vue
+++ b/src/runtime/components/forms/Range.vue
@@ -21,7 +21,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import { defuTwMerge } from '../../utils'
 import { useFormGroup } from '../../composables/useFormGroup'
diff --git a/src/runtime/components/forms/Select.vue b/src/runtime/components/forms/Select.vue
index da6b395250..97504c4425 100644
--- a/src/runtime/components/forms/Select.vue
+++ b/src/runtime/components/forms/Select.vue
@@ -55,7 +55,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType, ComputedRef } from 'vue'
-import { get, omit } from 'lodash-es'
+import { get, omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import UIcon from '../elements/Icon.vue'
 import { defuTwMerge } from '../../utils'
diff --git a/src/runtime/components/forms/SelectMenu.vue b/src/runtime/components/forms/SelectMenu.vue
index 0b3c675027..b25c4edb80 100644
--- a/src/runtime/components/forms/SelectMenu.vue
+++ b/src/runtime/components/forms/SelectMenu.vue
@@ -131,7 +131,7 @@ import {
 } from '@headlessui/vue'
 import { computedAsync, useDebounceFn } from '@vueuse/core'
 import { defu } from 'defu'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import UIcon from '../elements/Icon.vue'
 import UAvatar from '../elements/Avatar.vue'
diff --git a/src/runtime/components/forms/Textarea.vue b/src/runtime/components/forms/Textarea.vue
index ff8a5a2a8b..bc26f848f3 100644
--- a/src/runtime/components/forms/Textarea.vue
+++ b/src/runtime/components/forms/Textarea.vue
@@ -20,7 +20,7 @@
 <script lang="ts">
 import { ref, computed, watch, onMounted, nextTick, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import { defuTwMerge } from '../../utils'
 import { useFormGroup } from '../../composables/useFormGroup'
diff --git a/src/runtime/components/forms/Toggle.vue b/src/runtime/components/forms/Toggle.vue
index 4f0e2d06a5..6cb63d1ae7 100644
--- a/src/runtime/components/forms/Toggle.vue
+++ b/src/runtime/components/forms/Toggle.vue
@@ -21,7 +21,7 @@
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
 import { Switch as HSwitch } from '@headlessui/vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import UIcon from '../elements/Icon.vue'
 import { defuTwMerge } from '../../utils'
diff --git a/src/runtime/components/layout/Card.vue b/src/runtime/components/layout/Card.vue
index 391e5ae9a9..47aea8d827 100644
--- a/src/runtime/components/layout/Card.vue
+++ b/src/runtime/components/layout/Card.vue
@@ -19,7 +19,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import { defuTwMerge } from '../../utils'
 import { useAppConfig } from '#imports'
diff --git a/src/runtime/components/layout/Container.vue b/src/runtime/components/layout/Container.vue
index 79c3eedf8d..b5c31c0958 100644
--- a/src/runtime/components/layout/Container.vue
+++ b/src/runtime/components/layout/Container.vue
@@ -7,7 +7,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import { defuTwMerge } from '../../utils'
 import { useAppConfig } from '#imports'
diff --git a/src/runtime/components/layout/Skeleton.vue b/src/runtime/components/layout/Skeleton.vue
index b0b88af837..48b61d0c0d 100644
--- a/src/runtime/components/layout/Skeleton.vue
+++ b/src/runtime/components/layout/Skeleton.vue
@@ -5,7 +5,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import { defuTwMerge } from '../../utils'
 import { useAppConfig } from '#imports'
diff --git a/src/runtime/components/navigation/CommandPalette.vue b/src/runtime/components/navigation/CommandPalette.vue
index f253e3d5a3..8345d2dafb 100644
--- a/src/runtime/components/navigation/CommandPalette.vue
+++ b/src/runtime/components/navigation/CommandPalette.vue
@@ -73,7 +73,7 @@ import type { ComputedRef, PropType, ComponentPublicInstance } from 'vue'
 import { useDebounceFn } from '@vueuse/core'
 import { useFuse } from '@vueuse/integrations/useFuse'
 import { twMerge, twJoin } from 'tailwind-merge'
-import { groupBy, map, omit } from 'lodash-es'
+import { groupBy, map, omit } from '../../utils/lodash'
 import { defu } from 'defu'
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse'
 import type { Group, Command } from '../../types/command-palette'
diff --git a/src/runtime/components/navigation/Pagination.vue b/src/runtime/components/navigation/Pagination.vue
index a1f841f632..2014a18693 100644
--- a/src/runtime/components/navigation/Pagination.vue
+++ b/src/runtime/components/navigation/Pagination.vue
@@ -40,7 +40,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge } from 'tailwind-merge'
 import UButton from '../elements/Button.vue'
 import { defuTwMerge } from '../../utils'
diff --git a/src/runtime/components/navigation/Tabs.vue b/src/runtime/components/navigation/Tabs.vue
index dbca3adf6f..d5d3e32804 100644
--- a/src/runtime/components/navigation/Tabs.vue
+++ b/src/runtime/components/navigation/Tabs.vue
@@ -52,7 +52,7 @@ import { ref, computed, watch, onMounted, defineComponent } from 'vue'
 import type { PropType } from 'vue'
 import { TabGroup as HTabGroup, TabList as HTabList, Tab as HTab, TabPanels as HTabPanels, TabPanel as HTabPanel } from '@headlessui/vue'
 import { useResizeObserver } from '@vueuse/core'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge } from 'tailwind-merge'
 import { defuTwMerge } from '../../utils'
 import type { TabItem } from '../../types/tabs'
diff --git a/src/runtime/components/navigation/VerticalNavigation.vue b/src/runtime/components/navigation/VerticalNavigation.vue
index 96c8e2f037..be66c20f7c 100644
--- a/src/runtime/components/navigation/VerticalNavigation.vue
+++ b/src/runtime/components/navigation/VerticalNavigation.vue
@@ -40,7 +40,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge } from 'tailwind-merge'
 import UIcon from '../elements/Icon.vue'
 import UAvatar from '../elements/Avatar.vue'
diff --git a/src/runtime/components/overlays/ContextMenu.vue b/src/runtime/components/overlays/ContextMenu.vue
index 1ee0c1b5e9..e8c6de14be 100644
--- a/src/runtime/components/overlays/ContextMenu.vue
+++ b/src/runtime/components/overlays/ContextMenu.vue
@@ -14,7 +14,7 @@ import type { PropType, Ref } from 'vue'
 import { defu } from 'defu'
 import { onClickOutside } from '@vueuse/core'
 import type { VirtualElement } from '@popperjs/core'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import { usePopper } from '../../composables/usePopper'
 import { defuTwMerge } from '../../utils'
diff --git a/src/runtime/components/overlays/Modal.vue b/src/runtime/components/overlays/Modal.vue
index dba47bb521..138cf27cb5 100644
--- a/src/runtime/components/overlays/Modal.vue
+++ b/src/runtime/components/overlays/Modal.vue
@@ -32,7 +32,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge } from 'tailwind-merge'
 import { Dialog as HDialog, DialogPanel as HDialogPanel, TransitionRoot, TransitionChild } from '@headlessui/vue'
 import { defuTwMerge } from '../../utils'
diff --git a/src/runtime/components/overlays/Notification.vue b/src/runtime/components/overlays/Notification.vue
index ddd21f590e..24a14f3b94 100644
--- a/src/runtime/components/overlays/Notification.vue
+++ b/src/runtime/components/overlays/Notification.vue
@@ -41,7 +41,7 @@
 <script lang="ts">
 import { ref, computed, onMounted, onUnmounted, watchEffect, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import UIcon from '../elements/Icon.vue'
 import UAvatar from '../elements/Avatar.vue'
diff --git a/src/runtime/components/overlays/Notifications.vue b/src/runtime/components/overlays/Notifications.vue
index 248e661aa3..5d4cf8648c 100644
--- a/src/runtime/components/overlays/Notifications.vue
+++ b/src/runtime/components/overlays/Notifications.vue
@@ -20,7 +20,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge, twJoin } from 'tailwind-merge'
 import UNotification from './Notification.vue'
 import { useToast } from '../../composables/useToast'
diff --git a/src/runtime/components/overlays/Popover.vue b/src/runtime/components/overlays/Popover.vue
index d4a98a046a..f1c6f99510 100644
--- a/src/runtime/components/overlays/Popover.vue
+++ b/src/runtime/components/overlays/Popover.vue
@@ -29,7 +29,7 @@
 import { computed, ref, onMounted, defineComponent } from 'vue'
 import type { PropType } from 'vue'
 import { defu } from 'defu'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge } from 'tailwind-merge'
 import { Popover as HPopover, PopoverButton as HPopoverButton, PopoverPanel as HPopoverPanel } from '@headlessui/vue'
 import { usePopper } from '../../composables/usePopper'
diff --git a/src/runtime/components/overlays/Slideover.vue b/src/runtime/components/overlays/Slideover.vue
index cb29c99b53..7ff5c09249 100644
--- a/src/runtime/components/overlays/Slideover.vue
+++ b/src/runtime/components/overlays/Slideover.vue
@@ -18,7 +18,7 @@
 import { computed, defineComponent } from 'vue'
 import type { WritableComputedRef, PropType } from 'vue'
 import { Dialog as HDialog, DialogPanel as HDialogPanel, TransitionRoot, TransitionChild } from '@headlessui/vue'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge } from 'tailwind-merge'
 import { defuTwMerge } from '../../utils'
 import { useAppConfig } from '#imports'
diff --git a/src/runtime/components/overlays/Tooltip.vue b/src/runtime/components/overlays/Tooltip.vue
index 6a3f5a08e5..9c12e50c1b 100644
--- a/src/runtime/components/overlays/Tooltip.vue
+++ b/src/runtime/components/overlays/Tooltip.vue
@@ -27,7 +27,7 @@
 import { computed, ref, defineComponent } from 'vue'
 import type { PropType } from 'vue'
 import { defu } from 'defu'
-import { omit } from 'lodash-es'
+import { omit } from '../../utils/lodash'
 import { twMerge } from 'tailwind-merge'
 import UKbd from '../elements/Kbd.vue'
 import { usePopper } from '../../composables/usePopper'
diff --git a/src/runtime/composables/usePopper.ts b/src/runtime/composables/usePopper.ts
index ea55b47f47..62636461e3 100644
--- a/src/runtime/composables/usePopper.ts
+++ b/src/runtime/composables/usePopper.ts
@@ -2,7 +2,7 @@ import { ref, onMounted, watchEffect } from 'vue'
 import type { Ref } from 'vue'
 import { popperGenerator, defaultModifiers, VirtualElement } from '@popperjs/core/lib/popper-lite'
 import type { Instance } from '@popperjs/core'
-import { omitBy, isUndefined } from 'lodash-es'
+import { omitBy, isUndefined } from '../utils/lodash'
 import flip from '@popperjs/core/lib/modifiers/flip'
 import offset from '@popperjs/core/lib/modifiers/offset'
 import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow'
diff --git a/src/runtime/utils/lodash.ts b/src/runtime/utils/lodash.ts
new file mode 100644
index 0000000000..0d190a0e9d
--- /dev/null
+++ b/src/runtime/utils/lodash.ts
@@ -0,0 +1,147 @@
+import { kebabCase, camelCase, upperFirst } from 'scule'
+
+type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+
+export function omit<T extends Record<string, any>, K extends keyof T> (obj: T, keysToOmit: K[]): Omit<T, K> {
+  const result: Record<string, any> = {}
+  for (const key in obj) {
+    if (!keysToOmit.includes(key as unknown as K)) {
+      result[key] = obj[key]
+    }
+  }
+  return result as Omit<T, K>
+}
+
+type Path = (string | number)[] | string;
+
+export function get (object: Record<string, any>, path: Path, defaultValue?: any): any {
+  if (typeof path === 'string') {
+    path = path.split('.').map(key => {
+      const numKey = Number(key)
+      return isNaN(numKey) ? key : numKey
+    })
+  }
+
+  let result: any = object
+
+  for (const key of path) {
+    if (result === undefined || result === null) {
+      return defaultValue
+    }
+
+    result = result[key]
+  }
+
+  return result !== undefined ? result : defaultValue
+}
+
+
+export function isEqual<T> (valueA: T, valueB: T): boolean {
+  if (valueA === valueB) {
+    return true
+  }
+
+  if (typeof valueA !== 'object' || typeof valueB !== 'object') {
+    return false
+  }
+
+  const keysA = Object.keys(valueA)
+  const keysB = Object.keys(valueB)
+
+  if (keysA.length !== keysB.length) {
+    return false
+  }
+
+  for (const key of keysA) {
+    if (!keysB.includes(key)) {
+      return false
+    }
+
+    if (!isEqual(valueA[key], valueB[key])) {
+      return false
+    }
+  }
+
+  return true
+}
+
+export function groupBy<T, K extends keyof T> (array: T[], key: K): Record<string, T[]> {
+  return array.reduce((acc, item) => {
+    const groupKey = item[key] as string
+    if (!acc[groupKey]) {
+      acc[groupKey] = []
+    }
+    acc[groupKey].push(item)
+    return acc
+  }, {} as Record<string, T[]>)
+}
+
+export function map<T, U> (array: T[], callback: (item: T, index: number, array: T[]) => U): U[] {
+  const result: U[] = []
+
+  for (let i = 0; i < array.length; i++) {
+    result.push(callback(array[i], i, array))
+  }
+
+  return result
+}
+
+export function omitBy<T> (
+  obj: Record<string, T>,
+  predicate: (value: T, key: string) => boolean
+): Record<string, T> {
+  return Object.keys(obj).reduce((acc, key) => {
+    if (!predicate(obj[key], key)) {
+      acc[key] = obj[key]
+    }
+    return acc
+  }, {} as Record<string, T>)
+}
+
+export function isUndefined (value: any): boolean {
+  return value === undefined
+}
+
+export function capitalize (input: string): string {
+  if (typeof input !== 'string' || input.length === 0) {
+    return ''
+  }
+
+  return input.charAt(0).toUpperCase() + input.slice(1)
+}
+
+
+
+type Order = 'asc' | 'desc';
+
+export function orderBy<T> (array: T[], key: keyof T, order: Order = 'asc'): T[] {
+  return array.slice().sort((a, b) => {
+    const aValue = a[key]
+    const bValue = b[key]
+
+    if (aValue === bValue) {
+      return 0
+    }
+
+    if (order === 'asc') {
+      return aValue < bValue ? -1 : 1
+    } else {
+      return aValue > bValue ? -1 : 1
+    }
+  })
+}
+
+export function pick<T extends Record<string, any>, K extends keyof T> (
+  obj: T,
+  keys: K[]
+): Pick<T, K> {
+  const picked: Partial<Pick<T, K>> = {}
+  for (const key of keys) {
+    if (key in obj) {
+      picked[key] = obj[key]
+    }
+  }
+  return picked as Pick<T, K>
+}
+
+export { kebabCase, camelCase, upperFirst }

From 8eb6b1ec049a0791bdbec3e46d66581178c765ca Mon Sep 17 00:00:00 2001
From: Younes Barrad <younesbarraddev@gmail.com>
Date: Sun, 10 Sep 2023 02:29:30 +0100
Subject: [PATCH 02/11] fix: CommandPalette groupBy not working

---
 .../components/navigation/CommandPalette.vue  |  2 +-
 src/runtime/utils/lodash.ts                   | 31 +++++++++++++------
 2 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/runtime/components/navigation/CommandPalette.vue b/src/runtime/components/navigation/CommandPalette.vue
index 8345d2dafb..fc8e384c5c 100644
--- a/src/runtime/components/navigation/CommandPalette.vue
+++ b/src/runtime/components/navigation/CommandPalette.vue
@@ -239,7 +239,7 @@ export default defineComponent({
         })
 
         return {
-          ...props.groups.find(group => group.key === key),
+          ...props.groups.find(group => Number(group.key) === key),
           commands: commands.slice(0, options.value.resultLimit)
         } as Group
       }),
diff --git a/src/runtime/utils/lodash.ts b/src/runtime/utils/lodash.ts
index 0d190a0e9d..5277b7235d 100644
--- a/src/runtime/utils/lodash.ts
+++ b/src/runtime/utils/lodash.ts
@@ -65,17 +65,30 @@ export function isEqual<T> (valueA: T, valueB: T): boolean {
   return true
 }
 
-export function groupBy<T, K extends keyof T> (array: T[], key: K): Record<string, T[]> {
-  return array.reduce((acc, item) => {
-    const groupKey = item[key] as string
-    if (!acc[groupKey]) {
-      acc[groupKey] = []
-    }
-    acc[groupKey].push(item)
-    return acc
-  }, {} as Record<string, T[]>)
+export function groupBy<T, K> (
+  array: T[],
+  getKey: (item: T) => K
+): any[][] {
+  const groups: any[][] = Object.values(
+    array.reduce((map, item) => {
+      const key = String(getKey(item))
+      const group = map[key]
+
+      if (group) {
+        group.push(item)
+      } else {
+        map[key] = [item]
+      }
+
+      return map
+    }, {} as Record<string, T[]>)
+  )
+
+  return groups
 }
 
+
+
 export function map<T, U> (array: T[], callback: (item: T, index: number, array: T[]) => U): U[] {
   const result: U[] = []
 

From bece37e1a272a03698e923e03c6b35ce1f64de2e Mon Sep 17 00:00:00 2001
From: Younes Barrad <younesbarraddev@gmail.com>
Date: Sun, 10 Sep 2023 11:25:31 +0100
Subject: [PATCH 03/11] fix: resolving issues

---
 package.json                          |  1 +
 pnpm-lock.yaml                        | 11 ++--
 src/runtime/components/data/Table.vue |  4 +-
 src/runtime/composables/usePopper.ts  |  4 +-
 src/runtime/utils/lodash.ts           | 73 ++++++---------------------
 5 files changed, 28 insertions(+), 65 deletions(-)

diff --git a/package.json b/package.json
index 3adacad85b..2ce6a1af3e 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "@vueuse/integrations": "^10.4.1",
     "@vueuse/math": "^10.4.1",
     "defu": "^6.1.2",
+    "ohash": "^1.1.3",
     "scule": "^1.0.0",
     "fuse.js": "^6.6.2",
     "tailwind-merge": "^1.14.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 434c156e75..2a98cf5ddd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -61,6 +61,9 @@ importers:
       fuse.js:
         specifier: ^6.6.2
         version: 6.6.2
+      ohash:
+        specifier: ^1.1.3
+        version: 1.1.3
       scule:
         specifier: ^1.0.0
         version: 1.0.0
@@ -2666,8 +2669,8 @@ packages:
       '@types/node': 20.5.7
     dev: true
 
-  /@types/lodash-es@4.17.8:
-    resolution: {integrity: sha512-euY3XQcZmIzSy7YH5+Unb3b2X12Wtk54YWINBvvGQ5SmMvwb11JQskGsfkH/5HXK77Kr8GF0wkVDIxzAisWtog==}
+  /@types/lodash-es@4.17.9:
+    resolution: {integrity: sha512-ZTcmhiI3NNU7dEvWLZJkzG6ao49zOIjEgIE0RgV7wbPxU0f2xT3VSAHw2gmst8swH6V0YkLRGp4qPlX/6I90MQ==}
     dependencies:
       '@types/lodash': 4.14.197
     dev: true
@@ -8982,8 +8985,8 @@ packages:
   /nuxt-lodash@2.5.0(rollup@3.28.1):
     resolution: {integrity: sha512-nd7YrKzJH7kqMEwyAlwk0T8Fi/G1heAaWJENFm6SUIwYgR6AOigp/ryLya+JBEP+ZmGrJbIHq+mhWNdvKsLK7g==}
     dependencies:
-      '@nuxt/kit': 3.7.0(rollup@3.28.1)
-      '@types/lodash-es': 4.17.8
+      '@nuxt/kit': 3.7.1(rollup@3.28.1)
+      '@types/lodash-es': 4.17.9
       lodash-es: 4.17.21
     transitivePeerDependencies:
       - rollup
diff --git a/src/runtime/components/data/Table.vue b/src/runtime/components/data/Table.vue
index 74e81a9fca..422d7f36bd 100644
--- a/src/runtime/components/data/Table.vue
+++ b/src/runtime/components/data/Table.vue
@@ -69,7 +69,7 @@
 <script lang="ts">
 import { ref, computed, defineComponent, toRaw } from 'vue'
 import type { PropType } from 'vue'
-import { omit, capitalize, orderBy, get } from '../../utils/lodash'
+import { omit, upperFirst, orderBy, get } from '../../utils/lodash'
 import { defu } from 'defu'
 import { twMerge } from 'tailwind-merge'
 import { defuTwMerge } from '../../utils'
@@ -158,7 +158,7 @@ export default defineComponent({
 
     const wrapperClass = computed(() => twMerge(ui.value.wrapper, attrs.class as string))
 
-    const columns = computed(() => props.columns ?? Object.keys(omit(props.rows[0] ?? {}, ['click'])).map((key) => ({ key, label: capitalize(key), sortable: false })))
+    const columns = computed(() => props.columns ?? Object.keys(omit(props.rows[0] ?? {}, ['click'])).map((key) => ({ key, label: upperFirst(key), sortable: false })))
 
     const sort = ref(defu({}, props.sort, { column: null, direction: 'asc' }))
 
diff --git a/src/runtime/composables/usePopper.ts b/src/runtime/composables/usePopper.ts
index 62636461e3..5579e6db03 100644
--- a/src/runtime/composables/usePopper.ts
+++ b/src/runtime/composables/usePopper.ts
@@ -2,7 +2,7 @@ import { ref, onMounted, watchEffect } from 'vue'
 import type { Ref } from 'vue'
 import { popperGenerator, defaultModifiers, VirtualElement } from '@popperjs/core/lib/popper-lite'
 import type { Instance } from '@popperjs/core'
-import { omitBy, isUndefined } from '../utils/lodash'
+import { omitBy } from '../utils/lodash'
 import flip from '@popperjs/core/lib/modifiers/flip'
 import offset from '@popperjs/core/lib/modifiers/offset'
 import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow'
@@ -72,7 +72,7 @@ export function usePopper ({
             resize
           }
         }]
-      }, isUndefined))
+      }, (value) => value === undefined))
 
       onInvalidate(instance.value.destroy)
     })
diff --git a/src/runtime/utils/lodash.ts b/src/runtime/utils/lodash.ts
index 5277b7235d..b1094826b7 100644
--- a/src/runtime/utils/lodash.ts
+++ b/src/runtime/utils/lodash.ts
@@ -1,17 +1,22 @@
 import { kebabCase, camelCase, upperFirst } from 'scule'
+import { isEqual } from 'ohash'
 
-type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+type OmitObject<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
-export function omit<T extends Record<string, any>, K extends keyof T> (obj: T, keysToOmit: K[]): Omit<T, K> {
-  const result: Record<string, any> = {}
-  for (const key in obj) {
-    if (!keysToOmit.includes(key as unknown as K)) {
-      result[key] = obj[key]
-    }
+export function omit<T extends Record<string, any>, K extends keyof T> (
+  object: T,
+  keysToOmit: K[] | any[]
+): OmitObject<T, K> {
+  const result = { ...object }
+
+  for (const key of keysToOmit) {
+    delete result[key]
   }
-  return result as Omit<T, K>
+
+  return result as OmitObject<T, K>
 }
 
+
 type Path = (string | number)[] | string;
 
 export function get (object: Record<string, any>, path: Path, defaultValue?: any): any {
@@ -35,36 +40,6 @@ export function get (object: Record<string, any>, path: Path, defaultValue?: any
   return result !== undefined ? result : defaultValue
 }
 
-
-export function isEqual<T> (valueA: T, valueB: T): boolean {
-  if (valueA === valueB) {
-    return true
-  }
-
-  if (typeof valueA !== 'object' || typeof valueB !== 'object') {
-    return false
-  }
-
-  const keysA = Object.keys(valueA)
-  const keysB = Object.keys(valueB)
-
-  if (keysA.length !== keysB.length) {
-    return false
-  }
-
-  for (const key of keysA) {
-    if (!keysB.includes(key)) {
-      return false
-    }
-
-    if (!isEqual(valueA[key], valueB[key])) {
-      return false
-    }
-  }
-
-  return true
-}
-
 export function groupBy<T, K> (
   array: T[],
   getKey: (item: T) => K
@@ -89,13 +64,11 @@ export function groupBy<T, K> (
 
 
 
-export function map<T, U> (array: T[], callback: (item: T, index: number, array: T[]) => U): U[] {
+export function map<T, U> (array: T[], iteratee: (value: T, index: number, collection: T[]) => U): U[] {
   const result: U[] = []
-
   for (let i = 0; i < array.length; i++) {
-    result.push(callback(array[i], i, array))
+    result.push(iteratee(array[i], i, array))
   }
-
   return result
 }
 
@@ -111,20 +84,6 @@ export function omitBy<T> (
   }, {} as Record<string, T>)
 }
 
-export function isUndefined (value: any): boolean {
-  return value === undefined
-}
-
-export function capitalize (input: string): string {
-  if (typeof input !== 'string' || input.length === 0) {
-    return ''
-  }
-
-  return input.charAt(0).toUpperCase() + input.slice(1)
-}
-
-
-
 type Order = 'asc' | 'desc';
 
 export function orderBy<T> (array: T[], key: keyof T, order: Order = 'asc'): T[] {
@@ -157,4 +116,4 @@ export function pick<T extends Record<string, any>, K extends keyof T> (
   return picked as Pick<T, K>
 }
 
-export { kebabCase, camelCase, upperFirst }
+export { kebabCase, camelCase, upperFirst, isEqual }

From 2cf60c384f3fd35f7439081469320f5c0667f5a8 Mon Sep 17 00:00:00 2001
From: Younes Barrad <younesbarraddev@gmail.com>
Date: Sun, 10 Sep 2023 11:42:42 +0100
Subject: [PATCH 04/11] fix: resolve `map` and `groupBy` usage

---
 .../components/navigation/CommandPalette.vue  | 31 ++++++++++++++++--
 src/runtime/utils/lodash.ts                   | 32 -------------------
 2 files changed, 28 insertions(+), 35 deletions(-)

diff --git a/src/runtime/components/navigation/CommandPalette.vue b/src/runtime/components/navigation/CommandPalette.vue
index fc8e384c5c..c5941c1abc 100644
--- a/src/runtime/components/navigation/CommandPalette.vue
+++ b/src/runtime/components/navigation/CommandPalette.vue
@@ -73,7 +73,7 @@ import type { ComputedRef, PropType, ComponentPublicInstance } from 'vue'
 import { useDebounceFn } from '@vueuse/core'
 import { useFuse } from '@vueuse/integrations/useFuse'
 import { twMerge, twJoin } from 'tailwind-merge'
-import { groupBy, map, omit } from '../../utils/lodash'
+import { omit } from '../../utils/lodash'
 import { defu } from 'defu'
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse'
 import type { Group, Command } from '../../types/command-palette'
@@ -228,7 +228,24 @@ export default defineComponent({
     const { results } = useFuse(query, commands, options)
 
     const groups = computed(() => ([
-      ...map(groupBy(results.value, command => command.item.group), (results, key) => {
+      ...(function groupBy (array, getKey) {
+        const groups = Object.values(
+          array.reduce((map, item) => {
+            const key = String(getKey(item))
+            const group = map[key]
+
+            if (group) {
+              group.push(item)
+            } else {
+              map[key] = [item]
+            }
+
+            return map
+          }, {} as Record<string, any[]>)
+        )
+
+        return groups
+      })(results.value, command => command.item.group).map((results, key) => {
         const commands = results.map((result) => {
           const { item, ...data } = result
 
@@ -243,9 +260,17 @@ export default defineComponent({
           commands: commands.slice(0, options.value.resultLimit)
         } as Group
       }),
-      ...props.groups.filter(group => !!group.search).map(group => ({ ...group, commands: (searchResults.value[group.key] || []).slice(0, options.value.resultLimit) })).filter(group => group.commands.length)
+      ...props.groups
+        .filter(group => !!group.search)
+        .map(group => ({
+          ...group,
+          commands: (searchResults.value[group.key] || []).slice(0, options.value.resultLimit)
+        }))
+        .filter(group => group.commands.length)
     ]))
 
+
+
     const debouncedSearch = useDebounceFn(async () => {
       const searchableGroups = props.groups.filter(group => !!group.search)
       if (!searchableGroups.length) {
diff --git a/src/runtime/utils/lodash.ts b/src/runtime/utils/lodash.ts
index b1094826b7..b7c77ea17a 100644
--- a/src/runtime/utils/lodash.ts
+++ b/src/runtime/utils/lodash.ts
@@ -40,38 +40,6 @@ export function get (object: Record<string, any>, path: Path, defaultValue?: any
   return result !== undefined ? result : defaultValue
 }
 
-export function groupBy<T, K> (
-  array: T[],
-  getKey: (item: T) => K
-): any[][] {
-  const groups: any[][] = Object.values(
-    array.reduce((map, item) => {
-      const key = String(getKey(item))
-      const group = map[key]
-
-      if (group) {
-        group.push(item)
-      } else {
-        map[key] = [item]
-      }
-
-      return map
-    }, {} as Record<string, T[]>)
-  )
-
-  return groups
-}
-
-
-
-export function map<T, U> (array: T[], iteratee: (value: T, index: number, collection: T[]) => U): U[] {
-  const result: U[] = []
-  for (let i = 0; i < array.length; i++) {
-    result.push(iteratee(array[i], i, array))
-  }
-  return result
-}
-
 export function omitBy<T> (
   obj: Record<string, T>,
   predicate: (value: T, key: string) => boolean

From 4f74b415305beace79cd59c0bb8d7647d8e4b73c Mon Sep 17 00:00:00 2001
From: Younes Barrad <younesbarraddev@gmail.com>
Date: Sun, 10 Sep 2023 11:46:14 +0100
Subject: [PATCH 05/11] fix: remove `isEqual` import from lodash file

---
 src/runtime/components/elements/Link.vue | 2 +-
 src/runtime/utils/lodash.ts              | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/runtime/components/elements/Link.vue b/src/runtime/components/elements/Link.vue
index 62f774ce25..f583a555b8 100644
--- a/src/runtime/components/elements/Link.vue
+++ b/src/runtime/components/elements/Link.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts">
-import { isEqual } from '../../utils/lodash'
+import { isEqual } from 'ohash'
 import { defineComponent } from 'vue'
 import { NuxtLink } from '#components'
 
diff --git a/src/runtime/utils/lodash.ts b/src/runtime/utils/lodash.ts
index b7c77ea17a..9579d10db6 100644
--- a/src/runtime/utils/lodash.ts
+++ b/src/runtime/utils/lodash.ts
@@ -1,5 +1,4 @@
 import { kebabCase, camelCase, upperFirst } from 'scule'
-import { isEqual } from 'ohash'
 
 type OmitObject<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
@@ -84,4 +83,4 @@ export function pick<T extends Record<string, any>, K extends keyof T> (
   return picked as Pick<T, K>
 }
 
-export { kebabCase, camelCase, upperFirst, isEqual }
+export { kebabCase, camelCase, upperFirst }

From e1e5e56078d11294c2933dbc4a499e30155cdcbf Mon Sep 17 00:00:00 2001
From: Younes Barrad <younesbarraddev@gmail.com>
Date: Mon, 11 Sep 2023 18:25:13 +0100
Subject: [PATCH 06/11] fix: remove `pick` by benj

---
 docs/pages/index.vue        |  3 +--
 src/runtime/utils/lodash.ts | 12 ------------
 2 files changed, 1 insertion(+), 14 deletions(-)

diff --git a/docs/pages/index.vue b/docs/pages/index.vue
index 710332eca4..2f8cb40803 100644
--- a/docs/pages/index.vue
+++ b/docs/pages/index.vue
@@ -179,7 +179,6 @@
 </template>
 
 <script setup lang="ts">
-import { pick } from '../../src/runtime/utils/lodash'
 import { breakpointsTailwind, useBreakpoints } from '@vueuse/core'
 
 const { data: page } = await useAsyncData('index', () => queryContent('/').findOne())
@@ -192,7 +191,7 @@ const { data: module } = await useFetch<{
     username: string
   }[]
 }>('https://api.nuxt.com/modules/ui', {
-  transform: (module) => pick(module, ['stats', 'contributors'])
+  transform: ({ stats, contributors }) => ({ stats, contributors })
 })
 
 const source = ref('npm i @nuxt/ui')
diff --git a/src/runtime/utils/lodash.ts b/src/runtime/utils/lodash.ts
index 9579d10db6..99bd60872f 100644
--- a/src/runtime/utils/lodash.ts
+++ b/src/runtime/utils/lodash.ts
@@ -70,17 +70,5 @@ export function orderBy<T> (array: T[], key: keyof T, order: Order = 'asc'): T[]
   })
 }
 
-export function pick<T extends Record<string, any>, K extends keyof T> (
-  obj: T,
-  keys: K[]
-): Pick<T, K> {
-  const picked: Partial<Pick<T, K>> = {}
-  for (const key of keys) {
-    if (key in obj) {
-      picked[key] = obj[key]
-    }
-  }
-  return picked as Pick<T, K>
-}
 
 export { kebabCase, camelCase, upperFirst }

From d335237639eb14ec6ca7ff692823cf6871a9679c Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Thu, 14 Sep 2023 14:14:01 +0100
Subject: [PATCH 07/11] refactor: import directly from `scule`

---
 src/colors.ts                         | 3 ++-
 src/runtime/components/data/Table.vue | 3 ++-
 src/runtime/utils/lodash.ts           | 5 -----
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/colors.ts b/src/colors.ts
index 773c6585ee..133c0c2804 100644
--- a/src/colors.ts
+++ b/src/colors.ts
@@ -1,4 +1,5 @@
-import { omit, kebabCase, camelCase, upperFirst } from './runtime/utils/lodash'
+import { omit } from './runtime/utils/lodash'
+import { kebabCase, camelCase, upperFirst } from 'scule'
 
 const colorsToExclude = [
   'inherit',
diff --git a/src/runtime/components/data/Table.vue b/src/runtime/components/data/Table.vue
index d7a4f614f5..cf3d6ee8a8 100644
--- a/src/runtime/components/data/Table.vue
+++ b/src/runtime/components/data/Table.vue
@@ -69,9 +69,10 @@
 <script lang="ts">
 import { ref, computed, defineComponent, toRaw } from 'vue'
 import type { PropType } from 'vue'
-import { omit, upperFirst, orderBy, get } from '../../utils/lodash'
+import { upperFirst } from 'scule'
 import { defu } from 'defu'
 import { twMerge } from 'tailwind-merge'
+import { omit, orderBy, get } from '../../utils/lodash'
 import { defuTwMerge } from '../../utils'
 import UButton from '../elements/Button.vue'
 import UIcon from '../elements/Icon.vue'
diff --git a/src/runtime/utils/lodash.ts b/src/runtime/utils/lodash.ts
index 99bd60872f..cf3fd09760 100644
--- a/src/runtime/utils/lodash.ts
+++ b/src/runtime/utils/lodash.ts
@@ -1,5 +1,3 @@
-import { kebabCase, camelCase, upperFirst } from 'scule'
-
 type OmitObject<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
 export function omit<T extends Record<string, any>, K extends keyof T> (
@@ -69,6 +67,3 @@ export function orderBy<T> (array: T[], key: keyof T, order: Order = 'asc'): T[]
     }
   })
 }
-
-
-export { kebabCase, camelCase, upperFirst }

From 9b1490f0d9d0bd3d26be44933504bf0f94bbc65e Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Thu, 14 Sep 2023 14:15:43 +0100
Subject: [PATCH 08/11] refactor: avoid separate `omitBy` function

---
 src/runtime/composables/usePopper.ts | 72 ++++++++++++++++------------
 src/runtime/utils/lodash.ts          | 12 -----
 2 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/src/runtime/composables/usePopper.ts b/src/runtime/composables/usePopper.ts
index 5579e6db03..7ec2fe44e4 100644
--- a/src/runtime/composables/usePopper.ts
+++ b/src/runtime/composables/usePopper.ts
@@ -2,7 +2,6 @@ import { ref, onMounted, watchEffect } from 'vue'
 import type { Ref } from 'vue'
 import { popperGenerator, defaultModifiers, VirtualElement } from '@popperjs/core/lib/popper-lite'
 import type { Instance } from '@popperjs/core'
-import { omitBy } from '../utils/lodash'
 import flip from '@popperjs/core/lib/modifiers/flip'
 import offset from '@popperjs/core/lib/modifiers/offset'
 import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow'
@@ -43,36 +42,49 @@ export function usePopper ({
       if (!(popperEl instanceof HTMLElement)) { return }
       if (!referenceEl) { return }
 
-      instance.value = createPopper(referenceEl, popperEl, omitBy({
-        placement,
-        strategy,
-        modifiers: [{
-          name: 'flip',
-          enabled: !locked
-        }, {
-          name: 'preventOverflow',
-          options: {
-            padding: overflowPadding
+      const config: Record<string, any> = {
+        modifiers: [
+          {
+            name: 'flip',
+            enabled: !locked
+          },
+          {
+            name: 'preventOverflow',
+            options: {
+              padding: overflowPadding
+            }
+          },
+          {
+            name: 'offset',
+            options: {
+              offset: [offsetSkid, offsetDistance]
+            }
+          },
+          {
+            name: 'computeStyles',
+            options: {
+              adaptive,
+              gpuAcceleration
+            }
+          },
+          {
+            name: 'eventListeners',
+            options: {
+              scroll,
+              resize
+            }
           }
-        }, {
-          name: 'offset',
-          options: {
-            offset: [offsetSkid, offsetDistance]
-          }
-        }, {
-          name: 'computeStyles',
-          options: {
-            adaptive,
-            gpuAcceleration
-          }
-        }, {
-          name: 'eventListeners',
-          options: {
-            scroll,
-            resize
-          }
-        }]
-      }, (value) => value === undefined))
+        ]
+      }
+
+      if (placement) {
+        config.placement = placement
+      }
+      if (strategy) {
+        config.strategy = strategy
+      }
+
+      instance.value = createPopper(referenceEl, popperEl, config)
 
       onInvalidate(instance.value.destroy)
     })
diff --git a/src/runtime/utils/lodash.ts b/src/runtime/utils/lodash.ts
index cf3fd09760..2418fd36f2 100644
--- a/src/runtime/utils/lodash.ts
+++ b/src/runtime/utils/lodash.ts
@@ -37,18 +37,6 @@ export function get (object: Record<string, any>, path: Path, defaultValue?: any
   return result !== undefined ? result : defaultValue
 }
 
-export function omitBy<T> (
-  obj: Record<string, T>,
-  predicate: (value: T, key: string) => boolean
-): Record<string, T> {
-  return Object.keys(obj).reduce((acc, key) => {
-    if (!predicate(obj[key], key)) {
-      acc[key] = obj[key]
-    }
-    return acc
-  }, {} as Record<string, T>)
-}
-
 type Order = 'asc' | 'desc';
 
 export function orderBy<T> (array: T[], key: keyof T, order: Order = 'asc'): T[] {

From f46ae6d1d920cbe81107911bffc0a00941a74b05 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Thu, 14 Sep 2023 15:14:41 +0100
Subject: [PATCH 09/11] perf: rewrite grouped commands

---
 .../components/navigation/CommandPalette.vue  | 67 +++++++++----------
 1 file changed, 30 insertions(+), 37 deletions(-)

diff --git a/src/runtime/components/navigation/CommandPalette.vue b/src/runtime/components/navigation/CommandPalette.vue
index 51791f4c9d..bf9905de7c 100644
--- a/src/runtime/components/navigation/CommandPalette.vue
+++ b/src/runtime/components/navigation/CommandPalette.vue
@@ -214,57 +214,50 @@ export default defineComponent({
       matchAllWhenSearchEmpty: true
     }))
 
-    const commands = computed(() => props.groups.filter(group => !group.search).reduce((acc, group) => {
-      return acc.concat(group.commands.map(command => ({ ...command, group: group.key })))
-    }, [] as Command[]))
+    const commands = computed(() => {
+      const commands: Command[] = []
+      for (const group of props.groups) {
+        if (!group.search) {
+          commands.push(...group.commands.map(command => ({ ...command, group: group.key })))
+        }
+      }
+      return commands
+    })
 
     const searchResults = ref<{ [key: string]: any }>({})
 
     const { results } = useFuse(query, commands, options)
 
-    const groups = computed(() => ([
-      ...(function groupBy (array, getKey) {
-        const groups = Object.values(
-          array.reduce((map, item) => {
-            const key = String(getKey(item))
-            const group = map[key]
-
-            if (group) {
-              group.push(item)
-            } else {
-              map[key] = [item]
-            }
-
-            return map
-          }, {} as Record<string, any[]>)
-        )
-
-        return groups
-      })(results.value, command => command.item.group).map((results, key) => {
-        const commands = results.map((result) => {
+    const groups = computed(() => {
+      const groups: Group[] = []
+
+      const groupedCommands: Record<string, typeof results['value']> = {}
+      for (const command of results.value) {
+        groupedCommands[command.item.group] ||= []
+        groupedCommands[command.item.group].push(command)
+      }
+      for (const key in groupedCommands) {
+        const group = props.groups.find(group => group.key === key)
+        const commands = groupedCommands[key].slice(0, options.value.resultLimit).map((result) => {
           const { item, ...data } = result
 
           return {
             ...item,
             ...data
-          }
+          } as Command
         })
 
-        return {
-          ...props.groups.find(group => Number(group.key) === key),
-          commands: commands.slice(0, options.value.resultLimit)
-        } as Group
-      }),
-      ...props.groups
-        .filter(group => !!group.search)
-        .map(group => ({
-          ...group,
-          commands: (searchResults.value[group.key] || []).slice(0, options.value.resultLimit)
-        }))
-        .filter(group => group.commands.length)
-    ]))
+        groups.push({ ...group, commands })
+      }
 
+      for (const group of props.groups) {
+        if (group.search && searchResults.value[group.key]?.length) {
+          groups.push({ ...group, commands: (searchResults.value[group.key] || []).slice(0, options.value.resultLimit) })
+        }
+      }
 
+      return groups
+    })
 
     const debouncedSearch = useDebounceFn(async () => {
       const searchableGroups = props.groups.filter(group => !!group.search)

From 4c6ae832d4013349569d05b518f23b27d332c728 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Thu, 14 Sep 2023 15:19:40 +0100
Subject: [PATCH 10/11] refactor: move `orderBy` inline

---
 src/runtime/components/data/Table.vue | 17 +++++++++++++++--
 src/runtime/utils/lodash.ts           | 19 -------------------
 2 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/src/runtime/components/data/Table.vue b/src/runtime/components/data/Table.vue
index cf3d6ee8a8..6d1b5b56ef 100644
--- a/src/runtime/components/data/Table.vue
+++ b/src/runtime/components/data/Table.vue
@@ -72,7 +72,7 @@ import type { PropType } from 'vue'
 import { upperFirst } from 'scule'
 import { defu } from 'defu'
 import { twMerge } from 'tailwind-merge'
-import { omit, orderBy, get } from '../../utils/lodash'
+import { omit, get } from '../../utils/lodash'
 import { defuTwMerge } from '../../utils'
 import UButton from '../elements/Button.vue'
 import UIcon from '../elements/Icon.vue'
@@ -170,7 +170,20 @@ export default defineComponent({
 
       const { column, direction } = sort.value
 
-      return orderBy(props.rows, column, direction)
+      return props.rows.slice().sort((a, b) => {
+        const aValue = a[column]
+        const bValue = b[column]
+
+        if (aValue === bValue) {
+          return 0
+        }
+
+        if (direction === 'asc') {
+          return aValue < bValue ? -1 : 1
+        } else {
+          return aValue > bValue ? -1 : 1
+        }
+      })
     })
 
     const selected = computed({
diff --git a/src/runtime/utils/lodash.ts b/src/runtime/utils/lodash.ts
index 2418fd36f2..e6f2f0346e 100644
--- a/src/runtime/utils/lodash.ts
+++ b/src/runtime/utils/lodash.ts
@@ -36,22 +36,3 @@ export function get (object: Record<string, any>, path: Path, defaultValue?: any
 
   return result !== undefined ? result : defaultValue
 }
-
-type Order = 'asc' | 'desc';
-
-export function orderBy<T> (array: T[], key: keyof T, order: Order = 'asc'): T[] {
-  return array.slice().sort((a, b) => {
-    const aValue = a[key]
-    const bValue = b[key]
-
-    if (aValue === bValue) {
-      return 0
-    }
-
-    if (order === 'asc') {
-      return aValue < bValue ? -1 : 1
-    } else {
-      return aValue > bValue ? -1 : 1
-    }
-  })
-}

From eb19ee77cb566bb79866e139afd0b87e55e19820 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Thu, 14 Sep 2023 15:20:52 +0100
Subject: [PATCH 11/11] refactor: inline types

---
 src/runtime/utils/lodash.ts | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/runtime/utils/lodash.ts b/src/runtime/utils/lodash.ts
index e6f2f0346e..1a3c2646ab 100644
--- a/src/runtime/utils/lodash.ts
+++ b/src/runtime/utils/lodash.ts
@@ -1,22 +1,17 @@
-type OmitObject<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
-
 export function omit<T extends Record<string, any>, K extends keyof T> (
   object: T,
   keysToOmit: K[] | any[]
-): OmitObject<T, K> {
+): Pick<T, Exclude<keyof T, K>> {
   const result = { ...object }
 
   for (const key of keysToOmit) {
     delete result[key]
   }
 
-  return result as OmitObject<T, K>
+  return result
 }
 
-
-type Path = (string | number)[] | string;
-
-export function get (object: Record<string, any>, path: Path, defaultValue?: any): any {
+export function get (object: Record<string, any>, path: (string | number)[] | string, defaultValue?: any): any {
   if (typeof path === 'string') {
     path = path.split('.').map(key => {
       const numKey = Number(key)