tailwind 3 upgrade part 1

resources/js/App.vue

@@ -1,5 +1,5 @@
 <template>
-    <div v-cloak>
+    <div>
 
         <!--UI components-->
         <Alert />
@@ -21,11 +21,11 @@
 </template>
 
 <script>
-import ToasterWrapper from '/resources/js/components/Others/Notifications/ToasterWrapper'
-import CookieDisclaimer from '/resources/js/components/Others/CookieDisclaimer'
-import Spinner from '/resources/js/components/FilesView/Spinner'
-import Vignette from '/resources/js/components/Others/Vignette'
-import Alert from '/resources/js/components/FilesView/Alert'
+import ToasterWrapper from "./components/Others/Notifications/ToasterWrapper";
+import CookieDisclaimer from "./components/Others/CookieDisclaimer";
+import Spinner from "./components/FilesView/Spinner";
+import Vignette from "./components/Others/Vignette";
+import Alert from "./components/FilesView/Alert";
 import RestrictionWarningBar from "./RestrictionWarningBar"
 import {mapGetters} from 'vuex'
 import {events} from './bus'

resources/js/components/Admin/WidgetLatestRegistrations.vue

@@ -181,9 +181,9 @@
 </template>
 
 <script>
-    import DatatableCellImage from '/resources/js/components/Others/Tables/DatatableCellImage'
-    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
-    import ColorLabel from '/resources/js/components/Others/ColorLabel'
+    import DatatableCellImage from "../Others/Tables/DatatableCellImage";
+    import DatatableWrapper from "../Others/Tables/DatatableWrapper";
+    import ColorLabel from "../Others/ColorLabel";
     import {Trash2Icon, Edit2Icon} from "vue-feather-icons"
 	import MemberAvatar from "../FilesView/MemberAvatar";
 	import { mapGetters } from 'vuex'

resources/js/components/Admin/WidgetLatestTransactions.vue

@@ -67,9 +67,9 @@
 </template>
 
 <script>
-    import DatatableCellImage from '/resources/js/components/Others/Tables/DatatableCellImage'
-    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
-    import ColorLabel from '/resources/js/components/Others/ColorLabel'
+    import DatatableCellImage from "../Others/Tables/DatatableCellImage";
+    import DatatableWrapper from "../Others/Tables/DatatableWrapper";
+    import ColorLabel from "../Others/ColorLabel";
     import {Trash2Icon, Edit2Icon} from "vue-feather-icons"
 	import MemberAvatar from "../FilesView/MemberAvatar"
 	import InfoBox from "../Others/Forms/InfoBox"

resources/js/components/Desktop/PopoverItem.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script>
-	import {events} from '/resources/js/bus'
+	import {events} from "../../bus";
 
 	export default {
 		name: 'PopoverItem',

resources/js/components/FilePreview/FilePreview.vue

@@ -14,9 +14,9 @@
 </template>
 
 <script>
-    import FilePreviewToolbar from '/resources/js/components/FilePreview/FilePreviewToolbar'
-    import FilePreviewMedia from '/resources/js/components/FilePreview/FilePreviewMedia'
-    import {events} from '/resources/js/bus'
+    import FilePreviewToolbar from "./FilePreviewToolbar";
+    import FilePreviewMedia from "./FilePreviewMedia";
+    import {events} from "../../bus";
 
     export default {
         name: 'FilePreview',

resources/js/components/FilePreview/FilePreviewMedia.vue

@@ -30,14 +30,14 @@
 
 <script>
 import {ChevronLeftIcon, ChevronRightIcon} from 'vue-feather-icons'
-import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
-import ImageFile from '/resources/js/components/FilePreview/Media/ImageFile'
-import PdfFile from '/resources/js/components/FilePreview/Media/PdfFile'
-import Audio from '/resources/js/components/FilePreview/Media/Audio'
-import Video from '/resources/js/components/FilePreview/Media/Video'
-import Spinner from '/resources/js/components/FilesView/Spinner'
+import ToolbarButton from "../FilesView/ToolbarButton";
+import ImageFile from "./Media/ImageFile";
+import PdfFile from "./Media/PdfFile";
+import Audio from "./Media/Audio";
+import Video from "./Media/Video";
+import Spinner from "../FilesView/Spinner";
 import {mapGetters} from 'vuex'
-import {events} from '/resources/js/bus'
+import {events} from "../../bus";
 
 export default {
     name: 'FilePreviewMedia',

resources/js/components/FilePreview/FilePreviewToolbar.vue

@@ -59,15 +59,15 @@
 </template>
 
 <script>
-	import PopoverWrapper from '/resources/js/components/Desktop/PopoverWrapper'
-	import PopoverItem from '/resources/js/components/Desktop/PopoverItem'
-	import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
-	import Option from '/resources/js/components/FilesView/Option'
+	import PopoverWrapper from "../Desktop/PopoverWrapper";
+	import PopoverItem from "../Desktop/PopoverItem";
+	import OptionGroup from "../FilesView/OptionGroup";
+	import Option from "../FilesView/Option";
 
-    import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
+    import ToolbarButton from "../FilesView/ToolbarButton";
     import {XIcon, MoreHorizontalIcon} from 'vue-feather-icons'
     import {mapGetters} from 'vuex'
-    import {events} from '/resources/js/bus'
+    import {events} from "../../bus";
 
     export default {
         name: 'FilePreviewToolbar',

resources/js/components/FilePreview/Media/PdfFile.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-	import {events} from '/resources/js/bus'
+	import {events} from "../../../bus";
 	import pdf from 'pdfvuer'
 
 	export default {

resources/js/components/FilesView/Alert.vue

@@ -23,8 +23,8 @@
 </template>
 
 <script>
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import {events} from '/resources/js/bus'
+    import ButtonBase from "./ButtonBase";
+    import {events} from "../../bus";
 
     export default {
         name: 'AlertPopup',

resources/js/components/FilesView/ContextMenu.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import {events} from '/resources/js/bus'
+import {events} from "../../bus";
 import {mapGetters} from 'vuex'
 
 export default {

resources/js/components/FilesView/DesktopToolbar.vue

@@ -130,7 +130,7 @@
 	import {MenuIcon, ChevronLeftIcon, MoreHorizontalIcon} from 'vue-feather-icons'
 	import SearchBar from '/resources/js/components/FilesView/SearchBar'
 	import Option from '/resources/js/components/FilesView/Option'
-	import {events} from '/resources/js/bus'
+	import {events} from "../../bus";
 	import {mapGetters} from 'vuex'
 
 	export default {

resources/js/components/FilesView/DragUI.vue

@@ -11,7 +11,7 @@
 <script>
 import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
 import { mapGetters } from 'vuex'
-import { events } from '/resources/js/bus'
+import { events } from '../../bus'
 
 export default {
     name: 'DragUI',

resources/js/components/FilesView/EmptyFilePage.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script>
-	import Spinner from '/resources/js/components/FilesView/Spinner'
+	import Spinner from "./Spinner";
 	import {mapGetters} from 'vuex'
 
 	export default {

resources/js/components/FilesView/FileActionsMobile.vue

@@ -25,9 +25,8 @@
 </template>
 
 <script>
-    import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-    import UploadProgress from '/resources/js/components/FilesView/UploadProgress'
-    import {events} from '/resources/js/bus'
+    import MobileActionButton from "./MobileActionButton";
+    import UploadProgress from "./UploadProgress";
 	import {mapGetters} from "vuex";
 
     export default {

resources/js/components/FilesView/FileBrowser.vue

@@ -28,8 +28,8 @@
 </template>
 
 <script>
-	import ItemHandler from '/resources/js/components/FilesView/ItemHandler'
-	import {events} from '/resources/js/bus'
+	import ItemHandler from "./ItemHandler";
+	import {events} from "../../bus";
 	import {mapGetters} from 'vuex'
 
 	export default {

resources/js/components/FilesView/FileFilterMobile.vue

@@ -16,10 +16,10 @@
 </template>
 
 <script>
-import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
-import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
-import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
-import Option from '/resources/js/components/FilesView/Option'
+import MenuMobileGroup from "../Mobile/MenuMobileGroup";
+import OptionGroup from '../FilesView/OptionGroup'
+import MenuMobile from '../Mobile/MenuMobile'
+import Option from '../FilesView/Option'
 import {mapGetters} from 'vuex'
 
 export default {

resources/js/components/FilesView/FileSortingMobile.vue

@@ -7,9 +7,9 @@
 </template>
 
 <script>
-import FileSortingOptions from '/resources/js/components/FilesView/FileSortingOptions'
-import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
-import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
+import FileSortingOptions from "./FileSortingOptions";
+import MenuMobileGroup from "../Mobile/MenuMobileGroup";
+import MenuMobile from '../Mobile/MenuMobile'
 
 export default {
     name: 'FilterSortingMobile',

resources/js/components/FilesView/FileSortingOptions.vue

@@ -13,8 +13,8 @@
 
 <script>
 
-import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
-import Option from '/resources/js/components/FilesView/Option'
+import OptionGroup from "./OptionGroup";
+import Option from './Option'
 import { ArrowUpIcon } from 'vue-feather-icons'
 import { mapGetters } from 'vuex'
 

resources/js/components/FilesView/ItemHandler.vue

@@ -29,7 +29,7 @@
 </template>
 
 <script>
-import {events} from '/resources/js/bus'
+import {events} from "../../bus";
 import ItemList from './ItemList'
 import ItemGrid from './ItemGrid'
 import {mapGetters} from 'vuex'

resources/js/components/FilesView/ItemList.vue

@@ -75,7 +75,7 @@
 
 <script>
 	import Emoji from "../Others/Emoji";
-	import FolderIcon from '/resources/js/components/FilesView/FolderIcon'
+	import FolderIcon from "./FolderIcon";
 	import {LinkIcon, MoreVerticalIcon, EyeIcon} from 'vue-feather-icons'
 	import FileIconThumbnail from "./FileIconThumbnail";
 	import MemberAvatar from "./MemberAvatar";

resources/js/components/FilesView/MobileCreateMenu.vue

@@ -9,7 +9,7 @@
 <script>
 import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
 import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
-import {events} from '/resources/js/bus'
+import {events} from "../../bus";
 
 export default {
     name: 'MobileContextMenu',

resources/js/components/FilesView/MobileMultiSelectToolbar.vue

@@ -12,7 +12,6 @@
 
 <script>
 import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
-import {events} from '/resources/js/bus'
 import {mapGetters} from 'vuex'
 
 export default {

resources/js/components/FilesView/MobileToolbar.vue

@@ -36,11 +36,11 @@
 <script>
 	import TeamMembersPreview from "../Teams/Components/TeamMembersPreview";
 	import TeamMembersButton from "../Teams/Components/TeamMembersButton";
-    import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
-    import SearchBar from '/resources/js/components/FilesView/SearchBar'
+    import ToolbarButton from "./ToolbarButton";
+    import SearchBar from "./SearchBar";
     import {MenuIcon, ChevronLeftIcon, MoreHorizontalIcon } from 'vue-feather-icons'
     import {mapGetters} from 'vuex'
-    import {events} from '/resources/js/bus'
+    import {events} from "../../bus";
 
     export default {
         name: 'MobileToolBar',

resources/js/components/FilesView/Option.vue

@@ -51,7 +51,7 @@
 </template>
 
 <script>
-import AlphabetIcon from '/resources/js/components/FilesView/Icons/AlphabetIcon'
+import AlphabetIcon from "./Icons/AlphabetIcon";
 import {
 	UserMinusIcon,
 	UserCheckIcon,

resources/js/components/FilesView/OptionUpload.vue

@@ -33,7 +33,6 @@
 
 <script>
 import FolderUploadIcon from '/resources/js/components/FilesView/Icons/FolderUploadIcon'
-import {events} from '/resources/js/bus'
 import {
     UploadCloudIcon,
 } from 'vue-feather-icons'

resources/js/components/FilesView/ProcessingPopup.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import Spinner from '/resources/js/components/FilesView/Spinner'
+import Spinner from "./Spinner";
 import { mapGetters } from 'vuex'
 
 export default {

resources/js/components/FilesView/UploadProgress.vue

@@ -28,7 +28,7 @@
     import ProgressBar from '/resources/js/components/FilesView/ProgressBar'
     import { RefreshCwIcon, XIcon } from 'vue-feather-icons'
     import {mapGetters} from 'vuex'
-    import {events} from '/resources/js/bus'
+    import {events} from "../../bus";
 
     export default {
         name: 'UploadProgress',

resources/js/components/Index/IndexGetStarted.vue

@@ -41,7 +41,7 @@
 </template>
 
 <script>
-    import PageTitle from '/resources/js/components/Index/Components/PageTitle'
+    import PageTitle from "./Components/PageTitle";
     import {
         ChevronRightIcon,
         UploadCloudIcon,

resources/js/components/Index/IndexMainFeatures.vue

@@ -51,7 +51,7 @@
 
 <script>
     import { UserIcon, CloudIcon, HardDriveIcon } from 'vue-feather-icons'
-    import PageTitle from '/resources/js/components/Index/Components/PageTitle'
+    import PageTitle from "./Components/PageTitle";
     import { mapGetters } from 'vuex'
 
     export default {

resources/js/components/Index/IndexPricingTables.vue

@@ -21,8 +21,8 @@
 </template>
 
 <script>
-    import PricingTables from '/resources/js/components/Index/Components/PricingTables'
-    import AuthButton from '/resources/js/components/Auth/AuthButton'
+    import PricingTables from "./Components/PricingTables";
+    import AuthButton from "../Auth/AuthButton";
     import { CloudIcon } from 'vue-feather-icons'
     import { mapGetters } from 'vuex'
 

resources/js/components/Mobile/MenuMobile.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script>
-    import {events} from '/resources/js/bus'
+    import {events} from "../../bus";
 
     export default {
         name: 'MenuMobile',

resources/js/components/Mobile/MobileHeader.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script>
-    import {events} from '/resources/js/bus'
+    import {events} from '../../bus'
 
     import {
         ChevronLeftIcon,

resources/js/components/Others/ConfirmPassword.vue

@@ -36,14 +36,14 @@
 
 <script>
 import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
-import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
-import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
-import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
-import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+import PopupWrapper from "./Popup/PopupWrapper";
+import PopupActions from './Popup/PopupActions'
+import PopupContent from './Popup/PopupContent'
+import PopupHeader from './Popup/PopupHeader'
+import ButtonBase from "../FilesView/ButtonBase";
 import AppInputText from "../Admin/AppInputText"
 import {required} from 'vee-validate/dist/rules'
-import {events} from '/resources/js/bus'
+import {events} from '../../bus'
 import {mapGetters} from 'vuex'
 import axios from 'axios'
 

resources/js/components/Others/CreateFolderPopup.vue

@@ -56,7 +56,7 @@
 	import AppInputSwitch from "../Admin/AppInputSwitch"
 	import AppInputText from "../Admin/AppInputText"
 	import SwitchInput from "./Forms/SwitchInput"
-    import {events} from '/resources/js/bus'
+    import {events} from '../../bus'
 	import EmojiPicker from "./EmojiPicker"
 
     export default {

resources/js/components/Others/CreateLanguage.vue

@@ -47,14 +47,14 @@
 <script>
 import AppInputText from "../Admin/AppInputText";
 import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
-import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
-import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
-import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
-import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+import PopupWrapper from './Popup/PopupWrapper'
+import PopupActions from './Popup/PopupActions'
+import PopupContent from './Popup/PopupContent'
+import PopupHeader from './Popup/PopupHeader'
+import SelectInput from "./Forms/SelectInput";
+import ButtonBase from "../FilesView/ButtonBase";
 import {required} from 'vee-validate/dist/rules'
-import {events} from '/resources/js/bus'
+import {events} from '../../bus'
 import axios from 'axios'
 
 export default {

resources/js/components/Others/CreatePersonalTokenPopup.vue

@@ -66,7 +66,7 @@ import CopyInput from '/resources/js/components/Others/Forms/CopyInput'
 import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
 import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
 import {required} from 'vee-validate/dist/rules'
-import {events} from '/resources/js/bus'
+import {events} from '../../bus'
 import axios from 'axios'
 
 export default {

resources/js/components/Others/Forms/CopyShareLink.vue

@@ -47,7 +47,7 @@
 
 <script>
 import { CameraIcon, CopyIcon, CheckIcon, SendIcon, MoreHorizontalIcon, CodeIcon } from 'vue-feather-icons'
-import { events } from '/resources/js/bus'
+import { events } from '../../../bus'
 
 export default {
     name: 'CopyShareLink',

resources/js/components/Others/Forms/MultiEmailInput.vue

@@ -16,7 +16,7 @@
 
 <script>
 import { XIcon } from 'vue-feather-icons'
-import { events } from '/resources/js/bus'
+import { events } from '../../../bus'
 
 export default {
     name: 'MultiEmailInput',

resources/js/components/Others/Layout/PageTab.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script>
-    import Spinner from '/resources/js/components/FilesView/Spinner'
+    import Spinner from "../../FilesView/Spinner";
 
     export default {
         name: 'PageTab',

resources/js/components/Others/MoveItemPopup.vue

@@ -44,18 +44,18 @@
 </template>
 
 <script>
-    import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
-	import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
-	import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
-	import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
-	import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
-	import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-	import Spinner from '/resources/js/components/FilesView/Spinner'
-	import TreeMenu from '/resources/js/components/Others/TreeMenu'
+    import PopupWrapper from "./Popup/PopupWrapper";
+	import PopupActions from "./Popup/PopupActions";
+	import TitlePreview from "../FilesView/TitlePreview";
+	import PopupContent from "./Popup/PopupContent";
+	import PopupHeader from "./Popup/PopupHeader";
+	import ThumbnailItem from "./ThumbnailItem";
+	import ButtonBase from "../FilesView/ButtonBase";
+	import Spinner from "../FilesView/Spinner";
+	import TreeMenu from "./TreeMenu";
 	import {isArray, isNull} from 'lodash'
 	import {mapGetters} from 'vuex'
-	import {events} from '/resources/js/bus'
+	import {events} from '../../bus'
 
 	export default {
 		name: 'MoveItemPopup',

resources/js/components/Others/Notifications/ToasterWrapper.vue

@@ -5,8 +5,8 @@
 </template>
 
 <script>
-    import ToasterItem from '/resources/js/components/Others/Notifications/ToasterItem'
-    import {events} from '/resources/js/bus'
+    import ToasterItem from "./ToasterItem";
+    import {events} from '../../../bus'
 
     export default {
         components: {

resources/js/components/Others/Popup/ConfirmPopup.vue

@@ -34,7 +34,7 @@
     import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
     import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
     import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import {events} from '/resources/js/bus'
+    import {events} from '../../../bus'
 
     export default {
         name: 'ConfirmPopup',

resources/js/components/Others/Popup/PopupHeader.vue

@@ -23,7 +23,7 @@
 
 <script>
     import {CreditCardIcon, KeyIcon, UserPlusIcon, CornerDownRightIcon, LinkIcon, XIcon, Edit2Icon, ShareIcon, UsersIcon} from 'vue-feather-icons'
-    import {events} from '/resources/js/bus'
+    import {events} from '../../../bus'
 
     export default {
         name: 'PopupHeader',

resources/js/components/Others/Tables/DatatableWrapper.vue

@@ -130,7 +130,7 @@
 
 <script>
 import {ChevronUpIcon, ChevronLeftIcon, ChevronRightIcon} from 'vue-feather-icons'
-import DatatableCell from '/resources/js/components/Others/Tables/DatatableCell'
+import DatatableCell from "./DatatableCell";
 import axios from "axios";
 
 export default {

resources/js/components/Teams/EditTeamFolderPopup.vue

@@ -69,16 +69,16 @@
 <script>
 	import AppInputText from "../Admin/AppInputText";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-	import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
-	import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
-	import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
-	import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
-	import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+	import PopupWrapper from "../Others/Popup/PopupWrapper";
+	import PopupActions from '../Others/Popup/PopupActions'
+	import PopupContent from '../Others/Popup/PopupContent'
+	import PopupHeader from '../Others/Popup/PopupHeader'
+	import ThumbnailItem from "../Others/ThumbnailItem";
+	import ButtonBase from "../FilesView/ButtonBase";
 	import TeamList from "./Components/TeamList";
 	import {required} from 'vee-validate/dist/rules'
 	import InfoBox from "../Others/Forms/InfoBox";
-	import {events} from '/resources/js/bus'
+	import {events} from "../../bus";
 	import axios from "axios";
 	import {mapGetters} from "vuex";
 

resources/js/helpers/functionHelpers.js

@@ -1,6 +1,6 @@
 import {debounce, isArray, orderBy} from "lodash"
-import i18n from '/resources/js/i18n/index'
-import router from '/resources/js/router'
+import i18n from "../i18n";
+import router from "../router";
 import store from '../store/index'
 import {events} from '../bus'
 import axios from 'axios'

resources/js/helpers/itemHelpers.js

@@ -1,4 +1,4 @@
-import i18n from '/resources/js/i18n/index'
+import i18n from "../i18n";
 import store from '../store/index'
 import {events} from '../bus'
 

resources/js/main.js

@@ -1,6 +1,6 @@
 require("./bootstrap");
 import Vue from "vue";
-import i18n from "./i18n/index.js";
+import i18n from "./i18n";
 import VueRouter from "vue-router";
 import router from "./router";
 import App from "./App.vue";

resources/js/store/modules/app.js

@@ -1,4 +1,4 @@
-import i18n from '/resources/js/i18n/index'
+import i18n from "../../i18n"
 import axios from "axios"
 import Vue from "vue"
 

resources/js/store/modules/fileBrowser.js

@@ -1,8 +1,8 @@
 import Vue from "vue"
 import axios from 'axios'
-import {events} from '/resources/js/bus'
-import router from '/resources/js/router'
-import i18n from '/resources/js/i18n/index'
+import {events} from "../../bus"
+import router from '../../router'
+import i18n from "../../i18n";
 
 const defaultState = {
     currentFolder: undefined,

resources/js/store/modules/fileFunctions.js

@@ -1,6 +1,6 @@
-import i18n from '/resources/js/i18n/index'
-import router from '/resources/js/router'
-import {events} from '/resources/js/bus'
+import i18n from "../../i18n";
+import router from "../../router"
+import {events} from "../../bus";
 import axios from 'axios'
 import Vue from 'vue'
 

resources/js/store/modules/sharing.js

@@ -1,5 +1,5 @@
-import router from '/resources/js/router'
-import {events} from '/resources/js/bus'
+import {events} from "../../bus";
+import router from "../../router"
 import axios from 'axios'
 import Vue from "vue";
 

resources/js/store/modules/userAuth.js

@@ -1,5 +1,5 @@
 import axios from 'axios'
-import router from '/resources/js/router'
+import router from "../../router";
 import Vue from 'vue'
 import {events} from "../../bus";
 import i18n from "../../i18n";

resources/js/views/Admin/Languages/Language.vue

@@ -129,15 +129,15 @@
 	import AppInputSwitch from "../../../components/Admin/AppInputSwitch";
 	import AppInputText from "../../../components/Admin/AppInputText";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-    import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-    import SearchInput from '/resources/js/components/Others/Forms/SearchInput'
-    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-    import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
-    import PageHeader from '/resources/js/components/Others/PageHeader'
-    import Spinner from '/resources/js/components/FilesView/Spinner'
+    import MobileActionButton from "../../../components/FilesView/MobileActionButton";
+    import SwitchInput from "../../../components/Others/Forms/SwitchInput";
+    import SearchInput from "../../../components/Others/Forms/SearchInput";
+    import FormLabel from "../../../components/Others/Forms/FormLabel";
+    import MobileHeader from "../../../components/Mobile/MobileHeader";
+    import ButtonBase from "../../../components/FilesView/ButtonBase";
+    import InfoBox from "../../../components/Others/Forms/InfoBox";
+    import PageHeader from "../../../components/Others/PageHeader";
+    import Spinner from "../../../components/FilesView/Spinner";
     import {PlusIcon, XIcon} from 'vue-feather-icons'
     import {debounce, omitBy} from 'lodash'
     import {events} from '/resources/js/bus'

resources/js/views/Frontpage/Homepage.vue

@@ -29,14 +29,14 @@
 </template>
 
 <script>
-    import HeroScreenshot from '/resources/js/components/Index/IndexHeroScreenshot'
-    import PricingTables from '/resources/js/components/Index/IndexPricingTables'
-    import MainFeatures from '/resources/js/components/Index/IndexMainFeatures'
-    import Navigation from '/resources/js/components/Index/IndexNavigation'
-    import PageHeader from '/resources/js/components/Index/IndexPageHeader'
-    import GetStarted from '/resources/js/components/Index/IndexGetStarted'
-    import PageFooter from '/resources/js/components/Index/IndexPageFooter'
-    import Spinner from '/resources/js/components/FilesView/Spinner'
+    import HeroScreenshot from '../../components/Index/IndexHeroScreenshot'
+    import PricingTables from '../../components/Index/IndexPricingTables'
+    import MainFeatures from '../../components/Index/IndexMainFeatures'
+    import Navigation from '../../components/Index/IndexNavigation'
+    import PageHeader from '../../components/Index/IndexPageHeader'
+    import GetStarted from '../../components/Index/IndexGetStarted'
+    import PageFooter from '../../components/Index/IndexPageFooter'
+    import Spinner from "../../components/FilesView/Spinner";
     import { mapGetters } from 'vuex'
     import axios from 'axios'
 

resources/js/views/SetupWizard/EnvironmentSetup.vue

@@ -135,12 +135,12 @@
 
 <script>
 import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
-import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
-import AuthContent from '/resources/js/components/Auth/AuthContent'
-import AuthButton from '/resources/js/components/Auth/AuthButton'
+import AuthContentWrapper from "../../components/Auth/AuthContentWrapper";
+import SelectInput from "../../components/Others/Forms/SelectInput";
+import FormLabel from "../../components/Others/Forms/FormLabel";
+import InfoBox from "../../components/Others/Forms/InfoBox";
+import AuthContent from "../../components/Auth/AuthContent";
+import AuthButton from "../../components/Auth/AuthButton";
 import {SettingsIcon} from 'vue-feather-icons'
 import Headline from "../Auth/Headline"
 import {required} from 'vee-validate/dist/rules'

resources/js/views/User/Password.vue

@@ -81,10 +81,10 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-	import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-	import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-	import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+	import SwitchInput from "../../components/Others/Forms/SwitchInput";
+	import FormLabel from "../../components/Others/Forms/FormLabel";
+	import ButtonBase from "../../components/FilesView/ButtonBase";
+	import InfoBox from "../../components/Others/Forms/InfoBox";
 	import AppInputSwitch from "../../components/Admin/AppInputSwitch"
 	import AppInputButton from "../../components/Admin/AppInputButton"
 	import AppInputText from "../../components/Admin/AppInputText"

resources/sass/app.scss

@@ -1,7 +1,7 @@
 // Fonts
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
-@import '/resources/sass/vuefilemanager/_vuewind';
+@import './vuefilemanager/_variables';
+@import './vuefilemanager/_mixins';
+@import './vuefilemanager/_vuewind';
 
 #viewport {
   display: flex;