Improved imports.

resources/js/components/accordion/AccordionItem.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ChevronDown from '@/icons/ChevronDown.vue';
+import { ChevronDown } from '@/icons';
 import { computed, inject, onMounted, ref, useId, watch } from 'vue';
 
 const accordion = inject<{

resources/js/components/editor/MarkdownToolbar.vue

@@ -1,51 +1,49 @@
 <script setup lang="ts">
 import VaultEditorApplyTemplateController from '@/actions/App/Http/Controllers/VaultEditorApplyTemplateController';
 import Menu from '@/components/menu/Menu.vue';
-import VaultEditorSearchFileModal from '@/components/modal/VaultEditorSearchModal.vue';
-import VaultEditorTemplateListModal from '@/components/modal/VaultEditorTemplateListModal.vue';
-import { useEditor } from '@/composables/useEditor';
-import { useModalManager } from '@/composables/useModalManager';
-import { useRequest } from '@/composables/useRequest';
-import { useTiptapPreferences } from '@/composables/useTiptapPreferences';
-import AlignCenter from '@/icons/AlignCenter.vue';
-import AlignLeft from '@/icons/AlignLeft.vue';
-import AlignRight from '@/icons/AlignRight.vue';
-import Bold from '@/icons/Bold.vue';
-import Code from '@/icons/Code.vue';
-import CodeInline from '@/icons/CodeInline.vue';
-import DocumentPlus from '@/icons/DocumentPlus.vue';
-import Heading from '@/icons/Heading.vue';
-import Heading1 from '@/icons/Heading1.vue';
-import Heading2 from '@/icons/Heading2.vue';
-import Heading3 from '@/icons/Heading3.vue';
-import Heading4 from '@/icons/Heading4.vue';
-import Heading5 from '@/icons/Heading5.vue';
-import Heading6 from '@/icons/Heading6.vue';
-import HorizontalRule from '@/icons/HorizontalRule.vue';
-import Image from '@/icons/Image.vue';
-import Indent from '@/icons/Indent.vue';
-import Italic from '@/icons/Italic.vue';
-import Link from '@/icons/Link.vue';
-import List from '@/icons/List.vue';
-import ListOrdered from '@/icons/ListOrdered.vue';
-import ListTodo from '@/icons/ListTodo.vue';
-import Markdown from '@/icons/Markdown.vue';
-import Outdent from '@/icons/Outdent.vue';
-import PencilOff from '@/icons/PencilOff.vue';
-import Pilcrow from '@/icons/Pilcrow.vue';
-import Print from '@/icons/Print.vue';
-import Quote from '@/icons/Quote.vue';
-import Redo from '@/icons/Redo.vue';
-import Strike from '@/icons/Strike.vue';
-import TableAdd from '@/icons/TableAdd.vue';
-import TableAddColumn from '@/icons/TableAddColumn.vue';
-import TableAddRow from '@/icons/TableAddRow.vue';
-import TableDelete from '@/icons/TableDelete.vue';
-import TableDeleteColumn from '@/icons/TableDeleteColumn.vue';
-import TableDeleteRow from '@/icons/TableDeleteRow.vue';
-import Template from '@/icons/Template.vue';
-import Text from '@/icons/Text.vue';
-import Undo from '@/icons/Undo.vue';
+import { VaultEditorSearchFileModal, VaultEditorTemplateListModal } from '@/components/modal';
+import { useEditor, useModalManager, useRequest, useTiptapPreferences } from '@/composables';
+import {
+    AlignCenter,
+    AlignLeft,
+    AlignRight,
+    Bold,
+    Code,
+    CodeInline,
+    DocumentPlus,
+    Heading,
+    Heading1,
+    Heading2,
+    Heading3,
+    Heading4,
+    Heading5,
+    Heading6,
+    HorizontalRule,
+    Image,
+    Indent,
+    Italic,
+    Link,
+    List,
+    ListOrdered,
+    ListTodo,
+    Markdown,
+    Outdent,
+    PencilOff,
+    Pilcrow,
+    Print,
+    Quote,
+    Redo,
+    Strike,
+    TableAdd,
+    TableAddColumn,
+    TableAddRow,
+    TableDelete,
+    TableDeleteColumn,
+    TableDeleteRow,
+    Template,
+    Text,
+    Undo,
+} from '@/icons';
 import { useLayoutStore } from '@/stores/layout';
 import { computed, inject, type ShallowRef } from 'vue';
 import MarkdownToolbarButton from './MarkdownToolbarButton.vue';

resources/js/components/form/SecondarySubmit.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import SecondaryButton from '@/components/ui/SecondaryButton.vue';
-import Spinner from '@/icons/Spinner.vue';
+import { Spinner } from '@/icons';
 
 defineProps<{
     label: string;

resources/js/components/form/Submit.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import PrimaryButton from '@/components/ui/PrimaryButton.vue';
-import Spinner from '@/icons/Spinner.vue';
+import { Spinner } from '@/icons';
 
 defineProps<{
     label: string;

resources/js/components/form/index.ts

@@ -0,0 +1,10 @@
+export { default as Checkbox } from './Checkbox.vue';
+export { default as CheckboxToggle } from './CheckboxToggle.vue';
+export { default as Input } from './Input.vue';
+export { default as LinkButton } from './LinkButton.vue';
+export { default as ModelInput } from './ModelInput.vue';
+export { default as SecondarySubmit } from './SecondarySubmit.vue';
+export { default as Submit } from './Submit.vue';
+export { default as TextError } from './TextError.vue';
+export { default as TextLink } from './TextLink.vue';
+export { default as TextSuccess } from './TextSuccess.vue';

resources/js/components/menu/Menu.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useMenu } from '@/composables/useMenu';
+import { useMenu } from '@/composables';
 
 type MenuType = 'dropdown' | 'hover';
 

resources/js/components/menu/NotificationMenu.vue

@@ -3,7 +3,7 @@ import Menu from '@/components/menu/Menu.vue';
 import VaultCollaborationAccepted from '@/components/notification/VaultCollaborationAccepted.vue';
 import VaultCollaborationDeclined from '@/components/notification/VaultCollaborationDeclined.vue';
 import VaultCollaborationInvitationReceived from '@/components/notification/VaultCollaborationInvitationReceived.vue';
-import Bell from '@/icons/Bell.vue';
+import { Bell } from '@/icons';
 import { useNotificationStore } from '@/stores/notification';
 import { type Component } from 'vue';
 

resources/js/components/menu/UserMenu.vue

@@ -2,24 +2,26 @@
 import Menu from '@/components/menu/Menu.vue';
 import MenuDivider from '@/components/menu/MenuDivider.vue';
 import MenuItem from '@/components/menu/MenuItem.vue';
-import AboutModal from '@/components/modal/AboutModal.vue';
-import HelpModal from '@/components/modal/HelpModal.vue';
-import PasswordEditModal from '@/components/modal/PasswordEditModal.vue';
-import ProfileEditModal from '@/components/modal/ProfileEditModal.vue';
-import SettingEditModal from '@/components/modal/SettingEditModal.vue';
+import {
+    AboutModal,
+    HelpModal,
+    PasswordEditModal,
+    ProfileEditModal,
+    SettingEditModal,
+} from '@/components/modal';
 import Avatar from '@/components/ui/Avatar.vue';
-import { useModalManager } from '@/composables/useModalManager';
-import { useTheme } from '@/composables/useTheme';
-import { useTiptapPreferences } from '@/composables/useTiptapPreferences';
-import ArrowUpTray from '@/icons/ArrowUpTray.vue';
-import CircleStack from '@/icons/CircleStack.vue';
-import Cog6Tooth from '@/icons/Cog6Tooth.vue';
-import InformationCircle from '@/icons/InformationCircle.vue';
-import Lock from '@/icons/Lock.vue';
-import MessageCircleQuestionMark from '@/icons/MessageCircleQuestionMark.vue';
-import Moon from '@/icons/Moon.vue';
-import Spellcheck from '@/icons/Spellcheck.vue';
-import User from '@/icons/User.vue';
+import { useModalManager, useTheme, useTiptapPreferences } from '@/composables';
+import {
+    ArrowUpTray,
+    CircleStack,
+    Cog6Tooth,
+    InformationCircle,
+    Lock,
+    MessageCircleQuestionMark,
+    Moon,
+    Spellcheck,
+    User,
+} from '@/icons';
 import { logout } from '@/routes/index';
 import { index } from '@/routes/vaults';
 import { useSettingStore } from '@/stores/setting';

resources/js/components/modal/AboutModal.vue

@@ -2,8 +2,7 @@
 import { usePage } from '@inertiajs/vue3';
 import { computed } from 'vue';
 import Avatar from '../ui/Avatar.vue';
-import Link from '@/icons/Link.vue';
-import Heart from '@/icons/Heart.vue';
+import { Link, Heart } from '@/icons';
 import ExternalLinkButton from '../ui/ExternalLinkButton.vue';
 
 const page = usePage();

resources/js/components/modal/CollaborationConfirmModal.vue

@@ -1,11 +1,8 @@
 <script setup lang="ts">
 import VaultCollaborationAcceptController from '@/actions/App/Http/Controllers/VaultCollaborationAcceptController';
 import VaultCollaborationDeclineController from '@/actions/App/Http/Controllers/VaultCollaborationDeclineController';
-import SecondarySubmit from '@/components/form/SecondarySubmit.vue';
-import Submit from '@/components/form/Submit.vue';
-import { useModalManager } from '@/composables/useModalManager';
-import { useRequest } from '@/composables/useRequest';
-import { useToast } from '@/composables/useToast';
+import { SecondarySubmit, Submit } from '@/components/form';
+import { useModalManager, useRequest, useToast } from '@/composables';
 import { useNotificationStore } from '@/stores/notification';
 import { AppNotification } from '@/types';
 

resources/js/components/modal/ModalManager.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import BaseButton from '@/components/ui/BaseButton.vue';
-import { useModalManager } from '@/composables/useModalManager';
-import XMark from '@/icons/XMark.vue';
+import { useModalManager } from '@/composables';
+import { XMark } from '@/icons';
 import { computed, nextTick, ref, watch } from 'vue';
 
 const { activeModal, closeModal } = useModalManager();

resources/js/components/modal/PasswordEditModal.vue

@@ -1,11 +1,8 @@
 <script setup lang="ts">
 import { update } from '@/actions/App/Http/Controllers/PasswordController';
-import ModelInput from '@/components/form/ModelInput.vue';
-import Submit from '@/components/form/Submit.vue';
+import { ModelInput, Submit } from '@/components/form';
 import SecondaryButton from '@/components/ui/SecondaryButton.vue';
-import { useModalManager } from '@/composables/useModalManager';
-import { useRequest } from '@/composables/useRequest';
-import { useToast } from '@/composables/useToast';
+import { useModalManager, useRequest, useToast } from '@/composables';
 
 const { closeModal } = useModalManager();
 const { createToast } = useToast();

resources/js/components/modal/ProfileEditModal.vue

@@ -1,11 +1,8 @@
 <script setup lang="ts">
 import { update } from '@/actions/App/Http/Controllers/ProfileController';
-import ModelInput from '@/components/form/ModelInput.vue';
-import Submit from '@/components/form/Submit.vue';
+import { ModelInput, Submit } from '@/components/form';
 import SecondaryButton from '@/components/ui/SecondaryButton.vue';
-import { useModalManager } from '@/composables/useModalManager';
-import { useRequest } from '@/composables/useRequest';
-import { useToast } from '@/composables/useToast';
+import { useModalManager, useRequest, useToast } from '@/composables';
 import { useSettingStore } from '@/stores/setting';
 import { useUserStore } from '@/stores/user';
 import { User } from '@/types';

resources/js/components/modal/RequestConfirmationModal.vue

@@ -1,9 +1,7 @@
 <script setup lang="ts">
-import Submit from '@/components/form/Submit.vue';
+import { Submit } from '@/components/form';
 import SecondaryButton from '@/components/ui/SecondaryButton.vue';
-import { useModalManager } from '@/composables/useModalManager';
-import { useRequest } from '@/composables/useRequest';
-import { useToast } from '@/composables/useToast';
+import { useModalManager, useRequest, useToast } from '@/composables';
 
 const props = defineProps<{
     url: string;

resources/js/components/modal/SettingEditModal.vue

@@ -1,11 +1,8 @@
 <script setup lang="ts">
 import { update } from '@/actions/App/Http/Controllers/SettingController';
-import CheckboxToggle from '@/components/form/CheckboxToggle.vue';
-import Submit from '@/components/form/Submit.vue';
+import { CheckboxToggle, Submit } from '@/components/form';
 import SecondaryButton from '@/components/ui/SecondaryButton.vue';
-import { useModalManager } from '@/composables/useModalManager';
-import { useRequest } from '@/composables/useRequest';
-import { useToast } from '@/composables/useToast';
+import { useModalManager, useRequest, useToast } from '@/composables';
 import { useSettingStore } from '@/stores/setting';
 import { AdminEditableSettings } from '@/types/settings';
 

resources/js/components/modal/VaultCollaborationModal.vue

@@ -1,13 +1,11 @@
 <script setup lang="ts">
 import { destroy, store } from '@/actions/App/Http/Controllers/VaultCollaborationController';
-import ModelInput from '@/components/form/ModelInput.vue';
-import Submit from '@/components/form/Submit.vue';
+import { ModelInput, Submit } from '@/components/form';
 import Tab from '@/components/tabs/Tab.vue';
 import TabPanel from '@/components/tabs/TabPanel.vue';
 import Tabs from '@/components/tabs/Tabs.vue';
-import { useModalManager } from '@/composables/useModalManager';
-import { useRequest } from '@/composables/useRequest';
-import Trash from '@/icons/Trash.vue';
+import { useModalManager, useRequest } from '@/composables';
+import { Trash } from '@/icons';
 import { useVaultStore } from '@/stores/vault';
 import { VaultCollaborator } from '@/types/vault';
 import { ref } from 'vue';

resources/js/components/modal/VaultCreateModal.vue

@@ -1,11 +1,8 @@
 <script setup lang="ts">
 import { store } from '@/actions/App/Http/Controllers/VaultController';
-import ModelInput from '@/components/form/ModelInput.vue';
-import Submit from '@/components/form/Submit.vue';
+import { ModelInput, Submit } from '@/components/form';
 import SecondaryButton from '@/components/ui/SecondaryButton.vue';
-import { useModalManager } from '@/composables/useModalManager';
-import { useRequest } from '@/composables/useRequest';
-import { useToast } from '@/composables/useToast';
+import { useModalManager, useRequest, useToast } from '@/composables';
 import { show } from '@/routes/vaults';
 import { useLayoutStore } from '@/stores/layout';
 import { VaultCreated } from '@/types/vault';

resources/js/components/modal/VaultEditModal.vue

@@ -1,11 +1,8 @@
 <script setup lang="ts">
 import { update } from '@/actions/App/Http/Controllers/VaultController';
-import ModelInput from '@/components/form/ModelInput.vue';
-import Submit from '@/components/form/Submit.vue';
+import { ModelInput, Submit } from '@/components/form';
 import SecondaryButton from '@/components/ui/SecondaryButton.vue';
-import { useModalManager } from '@/composables/useModalManager';
-import { useRequest } from '@/composables/useRequest';
-import { useToast } from '@/composables/useToast';
+import { useModalManager, useRequest, useToast } from '@/composables';
 import { VaultUpdated } from '@/types/vault.events';
 
 const props = defineProps<{

resources/js/components/modal/VaultEditorSearchModal.vue

@@ -1,11 +1,9 @@
 <script setup lang="ts">
 import VaultEditorSearchController from '@/actions/App/Http/Controllers/VaultEditorSearchController';
-import ModelInput from '@/components/form/ModelInput.vue';
-import VaultFileIcon from '@/components/vault/VaultFileIcon.vue';
-import { useRequest } from '@/composables/useRequest';
-import { useModalManager } from '@/composables/useModalManager';
-import { useVaultSearch } from '@/composables/useVaultSearch';
-import Link from '@/icons/Link.vue';
+import { ModelInput } from '@/components/form';
+import { VaultFileIcon } from '@/components/vault';
+import { useRequest, useModalManager, useVaultSearch } from '@/composables';
+import { Link } from '@/icons';
 import { useVaultStore } from '@/stores/vault';
 import { VaultEditorSearchFile } from '@/types/vault';
 import { isValidEmail, isValidUrl } from '@/utils/link';

resources/js/components/modal/VaultEditorTemplateListModal.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
-import VaultFileIcon from '@/components/vault/VaultFileIcon.vue';
-import { useModalManager } from '@/composables/useModalManager';
-import { useVaultSearch } from '@/composables/useVaultSearch';
+import { VaultFileIcon } from '@/components/vault';
+import { useModalManager, useVaultSearch } from '@/composables';
 import { useVaultTemplateStore } from '@/stores/vaultTemplate';
 import { formatElapsedTime, formatExtendedDate } from '@/utils/time';
 import { storeToRefs } from 'pinia';

resources/js/components/modal/VaultFilesImportModal.vue

@@ -1,7 +1,5 @@
 <script setup lang="ts">
-import { useModalManager } from '@/composables/useModalManager';
-import { useToast } from '@/composables/useToast';
-import { useVaultFileUpload } from '@/composables/useVaultFileUpload';
+import { useModalManager, useToast, useVaultFileUpload } from '@/composables';
 import { usePage } from '@inertiajs/vue3';
 import { computed, onMounted, ref } from 'vue';
 

resources/js/components/modal/VaultImportModal.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import VaultImportController from '@/actions/App/Http/Controllers/VaultImportController';
-import { useModalManager } from '@/composables/useModalManager';
-import { useRequest } from '@/composables/useRequest';
-import { useToast } from '@/composables/useToast';
+import { useModalManager, useRequest, useToast } from '@/composables';
 import { router, usePage } from '@inertiajs/vue3';
 import { computed, ref } from 'vue';
 

resources/js/components/modal/VaultNodeCreateModal.vue

@@ -1,13 +1,14 @@
 <script setup lang="ts">
 import { store } from '@/actions/App/Http/Controllers/VaultNodeController';
-import ModelInput from '@/components/form/ModelInput.vue';
-import Submit from '@/components/form/Submit.vue';
+import { ModelInput, Submit } from '@/components/form';
 import SecondaryButton from '@/components/ui/SecondaryButton.vue';
-import { useModalManager } from '@/composables/useModalManager';
-import { useRequest } from '@/composables/useRequest';
-import { useScreenSize } from '@/composables/useScreenSize';
-import { useToast } from '@/composables/useToast';
-import { useVaultActions } from '@/composables/useVaultActions';
+import {
+    useModalManager,
+    useRequest,
+    useScreenSize,
+    useToast,
+    useVaultActions,
+} from '@/composables';
 import { useLayoutStore } from '@/stores/layout';
 import { useVaultRecentFileStore } from '@/stores/vaultRecentFile';
 import { useVaultTreeStore } from '@/stores/vaultTree';