fix: made FeatherIcon global component and removed all global component from all vue files

frontend/src/components/Activities.vue

@@ -713,7 +713,6 @@ import { usersStore } from '@/stores/users'
 import { contactsStore } from '@/stores/contacts'
 import {
   Button,
-  FeatherIcon,
   Tooltip,
   Dropdown,
   TextEditor,

frontend/src/components/AttachmentItem.vue

@@ -37,7 +37,6 @@
 
 <script setup>
 import { ref } from 'vue'
-import { Button, Dialog } from 'frappe-ui'
 import mime from 'mime'
 import FileTypeIcon from '@/components/Icons/FileTypeIcon.vue'
 import FileImageIcon from '@/components/Icons/FileImageIcon.vue'

frontend/src/components/ColumnSettings.vue

@@ -142,7 +142,6 @@ import NestedPopover from '@/components/NestedPopover.vue'
 import Autocomplete from '@/components/frappe-ui/Autocomplete.vue'
 import Draggable from 'vuedraggable'
 import { computed, defineModel, ref } from 'vue'
-import { FeatherIcon, FormControl } from 'frappe-ui'
 import { watchOnce } from '@vueuse/core'
 
 const props = defineProps({

frontend/src/components/Controls/Link.vue

@@ -49,7 +49,7 @@
 <script setup>
 import Autocomplete from '@/components/frappe-ui/Autocomplete.vue'
 import { watchDebounced } from '@vueuse/core'
-import { createResource, FeatherIcon } from 'frappe-ui'
+import { createResource } from 'frappe-ui'
 import { useAttrs, computed, ref } from 'vue'
 
 const props = defineProps({

frontend/src/components/Controls/MultiselectInput.vue

@@ -30,7 +30,6 @@
 </template>
 
 <script setup>
-import { Button, ErrorMessage, FeatherIcon, TextInput } from 'frappe-ui'
 import { ref, defineModel } from 'vue'
 
 const props = defineProps({

frontend/src/components/CustomActions.vue

@@ -19,7 +19,7 @@
 
 <script setup>
 import { computed } from 'vue'
-import { Dropdown, FeatherIcon } from 'frappe-ui'
+import { Dropdown } from 'frappe-ui'
 
 const props = defineProps({
   actions: {

frontend/src/components/DropdownItem.vue

@@ -18,8 +18,6 @@
   </button>
 </template>
 <script setup>
-import { FeatherIcon } from 'frappe-ui'
-
 const props = defineProps({
   value: {
     type: String,

frontend/src/components/EmailEditor.vue

@@ -114,12 +114,7 @@
 import AttachmentIcon from '@/components/Icons/AttachmentIcon.vue'
 import AttachmentItem from '@/components/AttachmentItem.vue'
 import MultiselectInput from '@/components/Controls/MultiselectInput.vue'
-import {
-  TextEditorFixedMenu,
-  TextEditor,
-  FileUploader,
-  FeatherIcon,
-} from 'frappe-ui'
+import { TextEditorFixedMenu, TextEditor, FileUploader } from 'frappe-ui'
 import { validateEmail } from '@/utils'
 import { EditorContent } from '@tiptap/vue-3'
 import { ref, computed, defineModel } from 'vue'

frontend/src/components/Filter.vue

@@ -106,12 +106,7 @@
 import NestedPopover from '@/components/NestedPopover.vue'
 import FilterIcon from '@/components/Icons/FilterIcon.vue'
 import Link from '@/components/Controls/Link.vue'
-import {
-  FeatherIcon,
-  Autocomplete,
-  FormControl,
-  createResource,
-} from 'frappe-ui'
+import { FormControl, Autocomplete, createResource } from 'frappe-ui'
 import { h, defineModel, computed } from 'vue'
 
 const typeCheck = ['Check']

frontend/src/components/ListViews/CallLogsListView.vue

@@ -72,9 +72,6 @@ import {
   ListRow,
   ListSelectBanner,
   ListRowItem,
-  FormControl,
-  FeatherIcon,
-  Badge,
 } from 'frappe-ui'
 
 const props = defineProps({

frontend/src/components/ListViews/DealsListView.vue

@@ -100,8 +100,6 @@ import {
   ListRow,
   ListRowItem,
   ListSelectBanner,
-  FormControl,
-  Badge,
 } from 'frappe-ui'
 
 const props = defineProps({

frontend/src/components/ListViews/LeadsListView.vue

@@ -109,8 +109,6 @@ import {
   ListRow,
   ListSelectBanner,
   ListRowItem,
-  FormControl,
-  Badge,
 } from 'frappe-ui'
 
 const props = defineProps({

frontend/src/components/ListViews/OrganizationsListView.vue

@@ -32,7 +32,10 @@
               />
             </div>
           </template>
-          <div v-if="['modified', 'creation'].includes(column.key)" class="truncate text-base">
+          <div
+            v-if="['modified', 'creation'].includes(column.key)"
+            class="truncate text-base"
+          >
             {{ item.timeAgo }}
           </div>
           <div v-else-if="column.type === 'Check'">
@@ -58,7 +61,6 @@ import {
   ListRow,
   ListSelectBanner,
   ListRowItem,
-  FormControl,
 } from 'frappe-ui'
 
 const props = defineProps({

frontend/src/components/Modals/AssignmentModal.vue

@@ -71,7 +71,7 @@
 import UserAvatar from '@/components/UserAvatar.vue'
 import Link from '@/components/Controls/Link.vue'
 import { usersStore } from '@/stores/users'
-import { Dialog, Tooltip, FeatherIcon, call, ErrorMessage } from 'frappe-ui'
+import { Tooltip, call } from 'frappe-ui'
 import { defineModel, ref, computed } from 'vue'
 import { watchOnce } from '@vueuse/core'
 

frontend/src/components/Modals/ContactModal.vue

@@ -158,7 +158,7 @@ import EditIcon from '@/components/Icons/EditIcon.vue'
 import Link from '@/components/Controls/Link.vue'
 import Dropdown from '@/components/frappe-ui/Dropdown.vue'
 import { contactsStore } from '@/stores/contacts'
-import { FormControl, Dialog, call, FeatherIcon } from 'frappe-ui'
+import { call } from 'frappe-ui'
 import { ref, defineModel, nextTick, watch, computed, h } from 'vue'
 import { createToast } from '@/utils'
 import { useRouter } from 'vue-router'

frontend/src/components/Modals/NoteModal.vue

@@ -42,7 +42,7 @@
 </template>
 
 <script setup>
-import { TextInput, TextEditor, Dialog, call } from 'frappe-ui'
+import { TextEditor, call } from 'frappe-ui'
 import { ref, defineModel, nextTick, watch } from 'vue'
 
 const props = defineProps({

frontend/src/components/Modals/OrganizationModal.vue

@@ -131,7 +131,7 @@ import OrganizationsIcon from '@/components/Icons/OrganizationsIcon.vue'
 import TerritoryIcon from '@/components/Icons/TerritoryIcon.vue'
 import Link from '@/components/Controls/Link.vue'
 import { organizationsStore } from '@/stores/organizations'
-import { FormControl, Dialog, call, FeatherIcon } from 'frappe-ui'
+import { call, FeatherIcon } from 'frappe-ui'
 import { ref, defineModel, nextTick, watch, computed, h } from 'vue'
 import { useRouter } from 'vue-router'
 

frontend/src/components/Modals/TaskModal.vue

@@ -90,15 +90,7 @@ import UserAvatar from '@/components/UserAvatar.vue'
 import Link from '@/components/Controls/Link.vue'
 import { taskStatusOptions, taskPriorityOptions } from '@/utils'
 import { usersStore } from '@/stores/users'
-import {
-  TextInput,
-  TextEditor,
-  Dialog,
-  Dropdown,
-  Tooltip,
-  DatePicker,
-  call,
-} from 'frappe-ui'
+import { TextEditor, Dropdown, Tooltip, DatePicker, call } from 'frappe-ui'
 import { ref, defineModel, watch, nextTick } from 'vue'
 
 const props = defineProps({

frontend/src/components/Modals/ViewModal.vue

@@ -34,7 +34,7 @@
 </template>
 
 <script setup>
-import { Dialog, FormControl, call } from 'frappe-ui'
+import { call } from 'frappe-ui'
 import { ref, watch, defineModel, nextTick } from 'vue'
 
 const props = defineProps({

frontend/src/components/NewDeal.vue

@@ -70,7 +70,7 @@ import Link from '@/components/Controls/Link.vue'
 import OrganizationModal from '@/components/Modals/OrganizationModal.vue'
 import { usersStore } from '@/stores/users'
 import { statusesStore } from '@/stores/statuses'
-import { FormControl, Tooltip } from 'frappe-ui'
+import { Tooltip } from 'frappe-ui'
 import { computed, onMounted, ref } from 'vue'
 
 const { getUser } = usersStore()

frontend/src/components/NewLead.vue

@@ -70,7 +70,7 @@ import OrganizationModal from '@/components/Modals/OrganizationModal.vue'
 import Link from '@/components/Controls/Link.vue'
 import { usersStore } from '@/stores/users'
 import { statusesStore } from '@/stores/statuses'
-import { FormControl, Tooltip } from 'frappe-ui'
+import { Tooltip } from 'frappe-ui'
 import { computed, onMounted, ref } from 'vue'
 
 const { getUser } = usersStore()

frontend/src/components/SLASection.vue

@@ -42,7 +42,7 @@
   </div>
 </template>
 <script setup>
-import { Dropdown, Badge, Tooltip, FeatherIcon } from 'frappe-ui'
+import { Dropdown, Tooltip } from 'frappe-ui'
 import { timeAgo, dateFormat, formatTime, dateTooltipFormat } from '@/utils'
 import { statusesStore } from '@/stores/statuses'
 import { computed, defineModel } from 'vue'

frontend/src/components/Section.vue

@@ -29,7 +29,6 @@
   </transition>
 </template>
 <script setup>
-import { FeatherIcon } from 'frappe-ui'
 import { ref } from 'vue'
 const props = defineProps({
   label: {

frontend/src/components/SectionFields.vue

@@ -103,7 +103,7 @@ import ArrowUpRightIcon from '@/components/Icons/ArrowUpRightIcon.vue'
 import Link from '@/components/Controls/Link.vue'
 import UserAvatar from '@/components/UserAvatar.vue'
 import { usersStore } from '@/stores/users'
-import { FormControl, Tooltip } from 'frappe-ui'
+import { Tooltip } from 'frappe-ui'
 import { defineModel } from 'vue'
 
 const props = defineProps({

frontend/src/components/SortBy.vue

@@ -99,13 +99,7 @@ import NestedPopover from '@/components/NestedPopover.vue'
 import SortIcon from '@/components/Icons/SortIcon.vue'
 import DragIcon from '@/components/Icons/DragIcon.vue'
 import { useSortable } from '@vueuse/integrations/useSortable'
-import {
-  FeatherIcon,
-  Button,
-  Autocomplete,
-  FormControl,
-  createResource,
-} from 'frappe-ui'
+import { Autocomplete, createResource } from 'frappe-ui'
 import { computed, ref, nextTick } from 'vue'
 
 const props = defineProps({

frontend/src/components/UserDropdown.vue

@@ -46,7 +46,7 @@
 import CRMLogo from '@/components/Icons/CRMLogo.vue'
 import { sessionStore } from '@/stores/session'
 import { usersStore } from '@/stores/users'
-import { Dropdown, FeatherIcon } from 'frappe-ui'
+import { Dropdown } from 'frappe-ui'
 import { computed } from 'vue'
 
 const props = defineProps({

frontend/src/components/ViewControls.vue

@@ -77,7 +77,7 @@ import ColumnSettings from '@/components/ColumnSettings.vue'
 import { globalStore } from '@/stores/global'
 import { viewsStore } from '@/stores/views'
 import { useDebounceFn } from '@vueuse/core'
-import { createResource, FeatherIcon, Dropdown, call } from 'frappe-ui'
+import { createResource, Dropdown, call } from 'frappe-ui'
 import { computed, ref, defineModel, onMounted, watch, h } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 

frontend/src/main.js

@@ -17,6 +17,7 @@ import {
   Badge,
   setConfig,
   frappeRequest,
+  FeatherIcon,
 } from 'frappe-ui'
 import { createDialog } from './utils/dialogs'
 import socket from './socket'
@@ -32,6 +33,7 @@ let globalComponents = {
   Dialog,
   Alert,
   Badge,
+  FeatherIcon,
 }
 
 // create a pinia instance

frontend/src/pages/CallLog.vue

@@ -143,14 +143,17 @@
 import LayoutHeader from '@/components/LayoutHeader.vue'
 import DurationIcon from '@/components/Icons/DurationIcon.vue'
 import NoteModal from '@/components/Modals/NoteModal.vue'
-import { dateFormat, timeAgo, dateTooltipFormat, secondsToDuration } from '@/utils'
+import {
+  dateFormat,
+  timeAgo,
+  dateTooltipFormat,
+  secondsToDuration,
+} from '@/utils'
 import {
   TextEditor,
   Avatar,
-  FeatherIcon,
   call,
   Tooltip,
-  Badge,
   createResource,
   Breadcrumbs,
 } from 'frappe-ui'

frontend/src/pages/Contact.vue

@@ -198,16 +198,13 @@
 
 <script setup>
 import {
-  FeatherIcon,
   Breadcrumbs,
   Avatar,
   FileUploader,
-  ErrorMessage,
   Tooltip,
   Tabs,
   call,
   createResource,
-  createListResource,
 } from 'frappe-ui'
 import Dropdown from '@/components/frappe-ui/Dropdown.vue'
 import LayoutHeader from '@/components/LayoutHeader.vue'

frontend/src/pages/Contacts.vue

@@ -38,7 +38,7 @@ import LayoutHeader from '@/components/LayoutHeader.vue'
 import ContactModal from '@/components/Modals/ContactModal.vue'
 import ContactsListView from '@/components/ListViews/ContactsListView.vue'
 import ViewControls from '@/components/ViewControls.vue'
-import { FeatherIcon, Breadcrumbs } from 'frappe-ui'
+import { Breadcrumbs } from 'frappe-ui'
 import { organizationsStore } from '@/stores/organizations.js'
 import { dateFormat, dateTooltipFormat, timeAgo } from '@/utils'
 import { ref, computed } from 'vue'

frontend/src/pages/Deal.vue

@@ -300,14 +300,12 @@ import { organizationsStore } from '@/stores/organizations'
 import { statusesStore } from '@/stores/statuses'
 import {
   createResource,
-  FeatherIcon,
   Dropdown,
   Tooltip,
   Avatar,
   Tabs,
   Breadcrumbs,
   call,
-  Badge,
 } from 'frappe-ui'
 import { ref, computed, h } from 'vue'
 import { useRouter } from 'vue-router'

frontend/src/pages/Deals.vue

@@ -61,13 +61,7 @@ import {
   formatNumberIntoCurrency,
   formatTime,
 } from '@/utils'
-import {
-  FeatherIcon,
-  Dialog,
-  Button,
-  createResource,
-  Breadcrumbs,
-} from 'frappe-ui'
+import { createResource, Breadcrumbs } from 'frappe-ui'
 import { useRouter } from 'vue-router'
 import { ref, computed, reactive } from 'vue'
 

frontend/src/pages/Lead.vue

@@ -207,8 +207,6 @@ import { statusesStore } from '@/stores/statuses'
 import {
   createResource,
   FileUploader,
-  ErrorMessage,
-  FeatherIcon,
   Dropdown,
   Tooltip,
   Avatar,

frontend/src/pages/Leads.vue

@@ -59,13 +59,7 @@ import { usersStore } from '@/stores/users'
 import { organizationsStore } from '@/stores/organizations'
 import { statusesStore } from '@/stores/statuses'
 import { dateFormat, dateTooltipFormat, timeAgo, formatTime } from '@/utils'
-import {
-  FeatherIcon,
-  Dialog,
-  Button,
-  createResource,
-  Breadcrumbs,
-} from 'frappe-ui'
+import { createResource, Breadcrumbs } from 'frappe-ui'
 import { useRouter } from 'vue-router'
 import { ref, computed, reactive } from 'vue'
 

frontend/src/pages/Login.vue

@@ -78,7 +78,7 @@
 <script setup>
 import CRMLogo from '@/components/Icons/CRMLogo.vue';
 import { sessionStore } from '@/stores/session'
-import { FormControl, ErrorMessage, createResource } from 'frappe-ui'
+import { createResource } from 'frappe-ui'
 import { ref } from 'vue'
 
 const session = sessionStore()

frontend/src/pages/Notes.vue

@@ -86,8 +86,6 @@ import NoteIcon from '@/components/Icons/NoteIcon.vue'
 import NoteModal from '@/components/Modals/NoteModal.vue'
 import { timeAgo, dateFormat, dateTooltipFormat } from '@/utils'
 import {
-  FeatherIcon,
-  Button,
   createListResource,
   TextEditor,
   call,

frontend/src/pages/Organization.vue

@@ -234,13 +234,10 @@
 <script setup>
 import {
   Breadcrumbs,
-  FeatherIcon,
   Avatar,
   FileUploader,
-  ErrorMessage,
   Dropdown,
   Tabs,
-  Badge,
   call,
   createListResource,
 } from 'frappe-ui'

frontend/src/pages/Organizations.vue

@@ -41,7 +41,7 @@ import LayoutHeader from '@/components/LayoutHeader.vue'
 import OrganizationModal from '@/components/Modals/OrganizationModal.vue'
 import OrganizationsListView from '@/components/ListViews/OrganizationsListView.vue'
 import ViewControls from '@/components/ViewControls.vue'
-import { FeatherIcon, Breadcrumbs } from 'frappe-ui'
+import { Breadcrumbs } from 'frappe-ui'
 import {
   dateFormat,
   dateTooltipFormat,