Update lodash imports to avoid unnecessary bundling.

contentcuration/contentcuration/frontend/administration/composables/useKeywordSearch.js

@@ -1,4 +1,4 @@
-import { debounce } from 'lodash';
+import debounce from 'lodash/debounce';
 import { ref, computed, onBeforeMount, watch } from 'vue';
 import { useRoute } from 'vue-router/composables';
 import { useQueryParams } from './useQueryParams';

contentcuration/contentcuration/frontend/administration/composables/useQueryParams.js

@@ -1,4 +1,4 @@
-import { pickBy } from 'lodash';
+import pickBy from 'lodash/pickBy';
 import { useRouter } from 'vue-router/composables';
 
 /**

contentcuration/contentcuration/frontend/administration/composables/useTable.js

@@ -1,4 +1,5 @@
-import { pickBy, isEqual } from 'lodash';
+import pickBy from 'lodash/pickBy';
+import isEqual from 'lodash/isEqual';
 import { ref, computed, unref, watch, nextTick } from 'vue';
 import { useRoute } from 'vue-router/composables';
 import { useQueryParams } from './useQueryParams';

contentcuration/contentcuration/frontend/administration/pages/Channels/ChannelTable.vue

@@ -143,7 +143,7 @@
 
   import { mapGetters, mapActions } from 'vuex';
   import { getCurrentInstance, onMounted, ref, computed, watch } from 'vue';
-  import { transform } from 'lodash';
+  import transform from 'lodash/transform';
   import { RouteNames, rowsPerPageItems } from '../../constants';
   import { useTable } from '../../composables/useTable';
   import { useKeywordSearch } from '../../composables/useKeywordSearch';

contentcuration/contentcuration/frontend/shared/views/TipTapEditor/TipTapEditor/components/image/ImageNodeView.vue

@@ -69,7 +69,7 @@
 
   import { defineComponent, ref, computed, onUnmounted, onMounted, watch } from 'vue';
   import { NodeViewWrapper } from '@tiptap/vue-2';
-  import _ from 'lodash';
+  import debounce from 'lodash/debounce';
 
   export default defineComponent({
     name: 'ImageNodeView',
@@ -89,7 +89,7 @@
       let resizeListeners = null;
 
       // Create debounced version of saveSize function
-      const debouncedSaveSize = _.debounce(() => {
+      const debouncedSaveSize = debounce(() => {
         props.updateAttributes({
           width: width.value,
           height: height.value,

contentcuration/contentcuration/frontend/shared/views/TipTapEditor/TipTapEditor/composables/useModalPositioning.js

@@ -1,5 +1,5 @@
 import { ref, watch } from 'vue';
-import { throttle } from 'lodash';
+import throttle from 'lodash/throttle';
 import { isTouchDevice } from 'shared/utils/browserInfo';
 
 export function useModalPositioning() {