From 854ae6d8fd945c24ed8f625df28d7bb5be203b6a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=8Carodej?= <peterpapp@makingcg.com>
Date: Fri, 28 Jan 2022 13:48:42 +0100
Subject: [PATCH] tailwind 3 upgrade part 2

---
 resources/js/App.vue                          |  4 +--
 .../js/components/FilePreview/FilePreview.vue |  2 +-
 .../FilePreview/FilePreviewMedia.vue          |  4 +--
 .../FilePreview/FilePreviewToolbar.vue        |  4 +--
 .../components/FilePreview/Media/PdfFile.vue  | 18 +++++-----
 .../js/components/FilePreview/Media/Video.vue |  2 +-
 resources/js/components/FilesView/Alert.vue   |  4 +--
 .../js/components/FilesView/ButtonBase.vue    |  4 +--
 .../js/components/FilesView/ButtonUpload.vue  |  4 +--
 .../components/FilesView/DesktopToolbar.vue   | 22 ++++++------
 resources/js/components/FilesView/DragUI.vue  |  6 ++--
 .../js/components/FilesView/EmptyFilePage.vue |  4 +--
 .../FilesView/FileActionsMobile.vue           |  4 +--
 .../FilesView/Icons/CloudPlusIcon.vue         |  6 ++++
 .../FilesView/Icons/SortingIcon.vue           |  6 ++++
 .../js/components/FilesView/ImageMetaData.vue |  4 +--
 .../js/components/FilesView/InfoSidebar.vue   | 10 +++---
 .../js/components/FilesView/ItemGrid.vue      |  2 +-
 .../js/components/FilesView/ItemHandler.vue   |  4 +--
 .../FilesView/MobileActionButton.vue          |  4 +--
 .../FilesView/MobileActionButtonUpload.vue    |  4 +--
 .../FilesView/MobileContextMenu.vue           |  6 ++--
 .../components/FilesView/MobileCreateMenu.vue |  4 +--
 .../FilesView/MobileMultiSelectToolbar.vue    |  2 +-
 .../FilesView/MobileTeamContextMenu.vue       |  4 +--
 .../js/components/FilesView/OptionUpload.vue  |  2 +-
 .../components/FilesView/ProcessingPopup.vue  |  4 +--
 .../js/components/FilesView/ProgressBar.vue   |  4 +--
 resources/js/components/FilesView/Spinner.vue |  4 +--
 .../js/components/FilesView/ToolbarButton.vue |  4 +--
 .../components/FilesView/UploadProgress.vue   |  6 ++--
 .../components/Index/Components/PageTitle.vue |  6 ++--
 .../Index/Components/PricingTables.vue        |  4 +--
 .../js/components/Index/IndexGetStarted.vue   |  6 ++--
 .../components/Index/IndexHeroScreenshot.vue  |  6 ++--
 .../js/components/Index/IndexMainFeatures.vue |  6 ++--
 .../js/components/Index/IndexNavigation.vue   |  6 ++--
 .../js/components/Index/IndexPageFooter.vue   |  6 ++--
 .../js/components/Index/IndexPageHeader.vue   | 10 +++---
 .../components/Index/IndexPricingTables.vue   |  6 ++--
 .../js/components/Mobile/MobileHeader.vue     |  4 +--
 .../js/components/Others/ActionButton.vue     |  4 +--
 resources/js/components/Others/ColorLabel.vue |  2 +-
 .../js/components/Others/ColorPicker.vue      |  4 +--
 .../components/Others/CreateFolderPopup.vue   | 12 +++----
 .../Others/CreatePersonalTokenPopup.vue       | 18 +++++-----
 .../js/components/Others/EmojiPicker.vue      |  4 +--
 .../js/components/Others/EmptyPageContent.vue |  4 +--
 .../js/components/Others/Forms/ImageInput.vue |  4 +--
 .../js/components/Others/Forms/InfoBox.vue    |  4 +--
 .../Others/Forms/MultiEmailInput.vue          |  4 +--
 .../components/Others/Forms/SearchInput.vue   |  6 ++--
 .../Others/Forms/SelectBoxInput.vue           |  8 ++---
 .../components/Others/Forms/SelectInput.vue   |  4 +--
 .../js/components/Others/Forms/SetupBox.vue   |  4 +--
 .../components/Others/Forms/SwitchInput.vue   |  4 +--
 .../js/components/Others/Layout/PageTab.vue   |  4 +--
 .../components/Others/Layout/PageTabGroup.vue |  4 +--
 resources/js/components/Others/ListInfo.vue   |  4 +--
 .../js/components/Others/MobileNavigation.vue | 10 +++---
 resources/js/components/Others/PageHeader.vue |  4 +--
 .../components/Others/PlanPricingTables.vue   |  6 ++--
 .../components/Others/Popup/ConfirmPopup.vue  |  6 ++--
 .../components/Others/Popup/PopupWrapper.vue  |  6 ++--
 .../js/components/Others/RenameItemPopup.vue  | 18 +++++-----
 .../js/components/Others/SectionTitle.vue     |  4 +--
 .../Others/SelectSingleChargeMethodPopup.vue  | 16 ++++-----
 .../js/components/Others/ShareCreatePopup.vue | 32 ++++++++---------
 .../js/components/Others/ShareEditPopup.vue   | 26 +++++++-------
 resources/js/components/Others/TabWrapper.vue |  4 +--
 .../Others/Tables/DatatableCell.vue           |  4 +--
 .../Others/Tables/DatatableCellImage.vue      |  4 +--
 resources/js/components/Others/TextLabel.vue  |  4 +--
 resources/js/components/Others/ThemeLabel.vue |  4 +--
 .../js/components/Others/ThumbnailItem.vue    |  2 +-
 resources/js/components/Others/TreeMenu.vue   |  4 +--
 .../components/Others/TreeMenuNavigator.vue   |  4 +--
 .../Others/TwoFactorQrSetupPopup.vue          | 14 ++++----
 .../Others/TwoFactorRecoveryCodesPopup.vue    | 22 ++++++------
 resources/js/components/Others/Vignette.vue   |  6 ++--
 .../js/components/Sidebar/ContentGroup.vue    |  2 +-
 .../components/Sidebar/SidebarNavigation.vue  |  5 +--
 .../js/components/Spotlight/Spotlight.vue     |  4 +--
 .../Subscription/FixedTransactionRow.vue      |  2 +-
 .../Subscription/MeteredTransactionRow.vue    |  2 +-
 .../SelectPlanSubscriptionPopup.vue           | 12 +++----
 .../components/Subscription/UserBalance.vue   |  2 +-
 .../Subscription/UserBillingAlerts.vue        |  2 +-
 .../Subscription/UserEditSubscription.vue     |  2 +-
 .../Subscription/UserEmptySubscription.vue    |  2 +-
 .../Subscription/UserFailedPayments.vue       |  2 +-
 .../Subscription/UserStoredPaymentMethods.vue |  2 +-
 .../UserTransactionsForFixedBilling.vue       |  2 +-
 .../UserTransactionsForMeteredBilling.vue     |  2 +-
 .../UserUpdatePaymentMethodsExternally.vue    |  2 +-
 .../Components/PermissionToggleButton.vue     |  4 +--
 .../Teams/CreateTeamFolderPopup.vue           | 18 +++++-----
 .../components/Teams/EditTeamFolderPopup.vue  |  4 +--
 resources/js/views/Admin.vue                  | 18 +++++-----
 .../AppSettingsTabs/Appearance.vue            | 16 ++++-----
 .../AppSettings/AppSettingsTabs/Email.vue     | 18 +++++-----
 .../AppSettings/AppSettingsTabs/Index.vue     | 24 ++++++-------
 .../AppSettings/AppSettingsTabs/Others.vue    | 10 +++---
 .../AppSettings/AppSettingsTabs/SignInUp.vue  | 10 +++---
 resources/js/views/Admin/Dashboard.vue        |  6 ++--
 resources/js/views/Admin/Invoices.vue         |  4 +--
 .../js/views/Admin/Languages/Language.vue     |  2 +-
 resources/js/views/Admin/Pages.vue            | 20 +++++------
 resources/js/views/Admin/Pages/PageEdit.vue   | 14 ++++----
 .../PaymentSettingsTab/Billings.vue           | 16 ++++-----
 .../PaymentSettingsTab/Payments.vue           | 20 +++++------
 resources/js/views/Admin/Plans.vue            |  8 ++---
 .../Admin/Plans/Create/CreateFixedPlan.vue    | 18 +++++-----
 .../Admin/Plans/Create/CreateMeteredPlan.vue  | 18 +++++-----
 resources/js/views/Admin/Plans/FixedPlan.vue  |  2 +-
 .../js/views/Admin/Plans/MeteredPlan.vue      |  2 +-
 .../js/views/Admin/Plans/Tabs/PlanDelete.vue  |  8 ++---
 .../Admin/Plans/Tabs/PlanFixedSettings.vue    |  8 ++---
 .../Admin/Plans/Tabs/PlanMeteredSettings.vue  |  8 ++---
 .../Admin/Plans/Tabs/PlanSubscribers.vue      | 11 +++---
 resources/js/views/Admin/Subscriptions.vue    |  2 +-
 resources/js/views/Admin/Users.vue            | 18 +++++-----
 resources/js/views/Admin/Users/User.vue       | 12 +++----
 resources/js/views/Admin/Users/UserCreate.vue | 16 ++++-----
 .../views/Admin/Users/UserTabs/UserDelete.vue | 14 ++++----
 .../views/Admin/Users/UserTabs/UserDetail.vue | 16 ++++-----
 .../Admin/Users/UserTabs/UserPassword.vue     | 14 ++++----
 .../Admin/Users/UserTabs/UserStorage.vue      | 14 ++++----
 .../Admin/Users/UserTabs/UserSubscription.vue |  6 ++--
 resources/js/views/Auth/CreateNewPassword.vue |  6 ++--
 resources/js/views/Auth/ForgottenPassword.vue |  6 ++--
 resources/js/views/Auth/SignIn.vue            | 12 +++----
 resources/js/views/Auth/SignUp.vue            | 10 +++---
 resources/js/views/Auth/SocialiteCallback.vue |  2 +-
 .../views/Auth/SuccessfullyEmailVerified.vue  |  6 ++--
 .../js/views/Auth/SuccessfullySendEmail.vue   |  6 ++--
 .../Components/NavigationSharePanel.vue       |  6 ++--
 .../Components/PanelNavigationFiles.vue       |  8 ++---
 resources/js/views/FileView/Files.vue         | 24 ++++++-------
 resources/js/views/FileView/MySharedItems.vue | 18 +++++-----
 resources/js/views/FileView/Public.vue        | 22 ++++++------
 resources/js/views/FileView/RecentUploads.vue | 20 +++++------
 resources/js/views/FileView/SharedWithMe.vue  | 26 +++++++-------
 resources/js/views/FileView/TeamFolders.vue   | 26 +++++++-------
 resources/js/views/FileView/Trash.vue         | 18 +++++-----
 resources/js/views/Frontpage/ContactUs.vue    | 18 +++++-----
 resources/js/views/Frontpage/DynamicPage.vue  | 12 +++----
 resources/js/views/Frontpage/Homepage.vue     |  6 ++--
 resources/js/views/NotFound.vue               |  8 ++---
 resources/js/views/Platform.vue               | 34 +++++++++----------
 resources/js/views/Profile.vue                | 16 ++++-----
 .../js/views/SetupWizard/AdminAccount.vue     | 24 ++++++-------
 resources/js/views/SetupWizard/AppSetup.vue   | 22 ++++++------
 .../js/views/SetupWizard/BillingsDetail.vue   | 18 +++++-----
 resources/js/views/SetupWizard/Database.vue   | 18 +++++-----
 .../js/views/SetupWizard/EnvironmentSetup.vue |  6 ++--
 .../SetupWizard/InstallationDisclaimer.vue    | 20 +++++------
 .../js/views/SetupWizard/PurchaseCode.vue     | 12 +++----
 .../js/views/SetupWizard/StatusCheck.vue      | 18 +++++-----
 .../views/SetupWizard/StripeCredentials.vue   | 18 +++++-----
 .../views/SetupWizard/SubscriptionPlans.vue   | 20 +++++------
 .../views/SetupWizard/SubscriptionService.vue | 10 +++---
 resources/js/views/Shared.vue                 | 26 +++++++-------
 .../js/views/Shared/SharedAuthentication.vue  |  4 +--
 .../js/views/Shared/SharedSingleFile.vue      |  2 +-
 resources/js/views/Teams/Invitation.vue       |  8 ++---
 resources/js/views/TemporaryUnavailable.vue   |  8 ++---
 resources/js/views/User/Billing.vue           |  2 +-
 resources/js/views/User/Password.vue          |  2 +-
 resources/js/views/User/Settings.vue          |  4 +--
 resources/js/views/User/Storage.vue           |  4 +--
 resources/sass/vuefilemanager/_auth.scss      |  4 +--
 resources/sass/vuefilemanager/_forms.scss     |  4 +--
 .../sass/vuefilemanager/_inapp-forms.scss     |  4 +--
 tailwind.config.js                            | 18 +++-------
 175 files changed, 776 insertions(+), 774 deletions(-)

diff --git a/resources/js/App.vue b/resources/js/App.vue
index 4d32dde2..4e5aefa2 100644
--- a/resources/js/App.vue
+++ b/resources/js/App.vue
@@ -139,8 +139,8 @@ export default {
 
 <style lang="scss">
 @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap');
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
+@import '../sass/vuefilemanager/variables';
+@import '../sass/vuefilemanager/mixins';
 
 .card {
 	@apply dark:bg-dark-foreground bg-white sm:p-6 p-4 rounded-xl lg:mb-6 mb-5
diff --git a/resources/js/components/FilePreview/FilePreview.vue b/resources/js/components/FilePreview/FilePreview.vue
index 495ac6f9..98e9cd05 100644
--- a/resources/js/components/FilePreview/FilePreview.vue
+++ b/resources/js/components/FilePreview/FilePreview.vue
@@ -54,7 +54,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
+    @import '../../../sass/vuefilemanager/variables';
 
     .file-preview {
         width: 100%;
diff --git a/resources/js/components/FilePreview/FilePreviewMedia.vue b/resources/js/components/FilePreview/FilePreviewMedia.vue
index 0dffd4fd..1be6647e 100644
--- a/resources/js/components/FilePreview/FilePreviewMedia.vue
+++ b/resources/js/components/FilePreview/FilePreviewMedia.vue
@@ -160,8 +160,8 @@ export default {
 </script>
 
 <style lang="scss">
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
+@import '../../../sass/vuefilemanager/variables';
+@import '../../../sass/vuefilemanager/mixins';
 
 .navigation-arrows {
 
diff --git a/resources/js/components/FilePreview/FilePreviewToolbar.vue b/resources/js/components/FilePreview/FilePreviewToolbar.vue
index 2f61ab79..6a372a93 100644
--- a/resources/js/components/FilePreview/FilePreviewToolbar.vue
+++ b/resources/js/components/FilePreview/FilePreviewToolbar.vue
@@ -171,8 +171,8 @@
 </script>
 
 <style lang="scss" scoped>
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
+@import '../../../sass/vuefilemanager/variables';
+@import '../../../sass/vuefilemanager/mixins';
 
 .name-wrapper {
     width: 33%;
diff --git a/resources/js/components/FilePreview/Media/PdfFile.vue b/resources/js/components/FilePreview/Media/PdfFile.vue
index 47543d51..9f841bb3 100644
--- a/resources/js/components/FilePreview/Media/PdfFile.vue
+++ b/resources/js/components/FilePreview/Media/PdfFile.vue
@@ -1,21 +1,23 @@
 <template>
 	<div id="pdf-wrapper" :style="{width: documentSize + '%'}">
-		<pdf :src="pdfData" v-for="i in numPages" :key="i" :resize="true" :page="i" scale="page-width" style="width:100%; margin:0 auto 35px;" id="printable-file" class="pdf-file">
+<!--		<pdf :src="pdfData" v-for="i in numPages" :key="i" :resize="true" :page="i" scale="page-width" style="width:100%; margin:0 auto 35px;" id="printable-file" class="pdf-file">
 			<template slot="loading">
 				<h1>loading content...</h1>
 			</template>
-		</pdf>
+		</pdf>-->
 	</div>
 </template>
 
 <script>
+	//todo: resolve pdf
+
 	import {events} from "../../../bus";
-	import pdf from 'pdfvuer'
+	//import pdf from 'pdfvuer'
 
 	export default {
 		name: 'PdfFile',
 		components: {
-			pdf,
+			//pdf,
 		},
 		props: [
 			'file'
@@ -39,9 +41,9 @@
 
 				let self = this;
 
-				self.pdfData = pdf.createLoadingTask(this.file.data.attributes.file_url);
+				//self.pdfData = pdf.createLoadingTask(this.file.data.attributes.file_url);
 
-				self.pdfData.then(pdf => self.numPages = pdf.numPages);
+				//self.pdfData.then(pdf => self.numPages = pdf.numPages);
 			},
 			getDocumentSize() {
 				if (window.innerWidth < 960) {
@@ -77,9 +79,9 @@
 	}
 </script>
 
-<style src="pdfvuer/dist/pdfvuer.css" lang="css"></style>
+<!--<style src="pdfvuer/dist/pdfvuer.css" lang="css"></style>-->
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
+    @import '../../../../sass/vuefilemanager/variables';
 
 	#pdf-wrapper {
 		border-radius: 8px;
diff --git a/resources/js/components/FilePreview/Media/Video.vue b/resources/js/components/FilePreview/Media/Video.vue
index 80a21aec..bb6daf6e 100644
--- a/resources/js/components/FilePreview/Media/Video.vue
+++ b/resources/js/components/FilePreview/Media/Video.vue
@@ -23,7 +23,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
+    @import '../../../../sass/vuefilemanager/variables';
 
 	.video-wrapper {
 		max-width: 1080px;
diff --git a/resources/js/components/FilesView/Alert.vue b/resources/js/components/FilesView/Alert.vue
index 096c8b81..a53b7d0e 100644
--- a/resources/js/components/FilesView/Alert.vue
+++ b/resources/js/components/FilesView/Alert.vue
@@ -96,8 +96,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .popup {
         position: absolute;
diff --git a/resources/js/components/FilesView/ButtonBase.vue b/resources/js/components/FilesView/ButtonBase.vue
index 0d7ba9bd..46f10c68 100644
--- a/resources/js/components/FilesView/ButtonBase.vue
+++ b/resources/js/components/FilesView/ButtonBase.vue
@@ -22,8 +22,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .button-base {
         @include font-size(15);
diff --git a/resources/js/components/FilesView/ButtonUpload.vue b/resources/js/components/FilesView/ButtonUpload.vue
index 50bd8c96..a1d1ee9c 100644
--- a/resources/js/components/FilesView/ButtonUpload.vue
+++ b/resources/js/components/FilesView/ButtonUpload.vue
@@ -31,8 +31,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .button-base {
         @include font-size(15);
diff --git a/resources/js/components/FilesView/DesktopToolbar.vue b/resources/js/components/FilesView/DesktopToolbar.vue
index 213ee21b..9e5b9c19 100644
--- a/resources/js/components/FilesView/DesktopToolbar.vue
+++ b/resources/js/components/FilesView/DesktopToolbar.vue
@@ -116,20 +116,20 @@
 </template>
 
 <script>
-	import FileSortingOptions from '/resources/js/components/FilesView/FileSortingOptions'
-	import UploadProgress from '/resources/js/components/FilesView/UploadProgress'
-	import PopoverWrapper from '/resources/js/components/Desktop/PopoverWrapper'
-	import ToolbarWrapper from '/resources/js/components/Desktop/ToolbarWrapper'
-	import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
-	import OptionUpload from '/resources/js/components/FilesView/OptionUpload'
-	import ToolbarGroup from '/resources/js/components/Desktop/ToolbarGroup'
-	import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
+	import FileSortingOptions from "./FileSortingOptions";
+	import UploadProgress from "./UploadProgress";
+	import PopoverWrapper from "../Desktop/PopoverWrapper";
+	import ToolbarWrapper from "../Desktop/ToolbarWrapper";
+	import ToolbarButton from "./ToolbarButton";
+	import OptionUpload from "./OptionUpload";
+	import ToolbarGroup from "../Desktop/ToolbarGroup";
+	import OptionGroup from "./OptionGroup";
 	import TeamMembersButton from "../Teams/Components/TeamMembersButton"
-	import PopoverItem from '/resources/js/components/Desktop/PopoverItem'
+	import PopoverItem from "../Desktop/PopoverItem";
 	import TeamFolderPreview from "../Teams/Components/TeamFolderPreview"
 	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 SearchBar from "./SearchBar";
+	import Option from "./Option";
 	import {events} from "../../bus";
 	import {mapGetters} from 'vuex'
 
diff --git a/resources/js/components/FilesView/DragUI.vue b/resources/js/components/FilesView/DragUI.vue
index e9814e18..4e044319 100644
--- a/resources/js/components/FilesView/DragUI.vue
+++ b/resources/js/components/FilesView/DragUI.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
+import TitlePreview from "./TitlePreview";
 import { mapGetters } from 'vuex'
 import { events } from '../../bus'
 
@@ -80,8 +80,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
+@import '../../../sass/vuefilemanager/variables';
+@import '../../../sass/vuefilemanager/mixins';
 
 #drag-ui {
     max-width: 300px;
diff --git a/resources/js/components/FilesView/EmptyFilePage.vue b/resources/js/components/FilesView/EmptyFilePage.vue
index 82b884a6..de014a07 100644
--- a/resources/js/components/FilesView/EmptyFilePage.vue
+++ b/resources/js/components/FilesView/EmptyFilePage.vue
@@ -35,8 +35,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_variables';
-	@import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+	@import '../../../sass/vuefilemanager/mixins';
 
 	.title {
 		@include font-size(20);
diff --git a/resources/js/components/FilesView/FileActionsMobile.vue b/resources/js/components/FilesView/FileActionsMobile.vue
index d6bd251f..5b4e0ff2 100644
--- a/resources/js/components/FilesView/FileActionsMobile.vue
+++ b/resources/js/components/FilesView/FileActionsMobile.vue
@@ -55,8 +55,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .button-enter-active,
     .button-leave-active {
diff --git a/resources/js/components/FilesView/Icons/CloudPlusIcon.vue b/resources/js/components/FilesView/Icons/CloudPlusIcon.vue
index 36901c01..8f63bd95 100644
--- a/resources/js/components/FilesView/Icons/CloudPlusIcon.vue
+++ b/resources/js/components/FilesView/Icons/CloudPlusIcon.vue
@@ -6,6 +6,12 @@
 	</svg>
 </template>
 
+<script>
+	export default {
+		name: "CloudPlusIcon",
+	};
+</script>
+
 <style lang="scss">
 
     .preview-list-icon {
diff --git a/resources/js/components/FilesView/Icons/SortingIcon.vue b/resources/js/components/FilesView/Icons/SortingIcon.vue
index 048c1163..2af90b2f 100644
--- a/resources/js/components/FilesView/Icons/SortingIcon.vue
+++ b/resources/js/components/FilesView/Icons/SortingIcon.vue
@@ -8,6 +8,12 @@
     </svg>
 </template>
 
+<script>
+	export default {
+		name: "SortingIcon",
+	};
+</script>
+
 <style lang="scss">
 
     .preview-list-icon {
diff --git a/resources/js/components/FilesView/ImageMetaData.vue b/resources/js/components/FilesView/ImageMetaData.vue
index b660c327..1b6de294 100644
--- a/resources/js/components/FilesView/ImageMetaData.vue
+++ b/resources/js/components/FilesView/ImageMetaData.vue
@@ -108,8 +108,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
+@import '../../../sass/vuefilemanager/variables';
+@import '../../../sass/vuefilemanager/mixins';
 
 .meta-data-list {
 	list-style: none;
diff --git a/resources/js/components/FilesView/InfoSidebar.vue b/resources/js/components/FilesView/InfoSidebar.vue
index 90e11bf5..4075fa32 100644
--- a/resources/js/components/FilesView/InfoSidebar.vue
+++ b/resources/js/components/FilesView/InfoSidebar.vue
@@ -110,13 +110,13 @@
 </template>
 
 <script>
-	import FilePreviewDetail from '/resources/js/components/Others/FilePreviewDetail'
-	import CopyShareLink from '/resources/js/components/Others/Forms/CopyShareLink'
+	import FilePreviewDetail from "../Others/FilePreviewDetail";
+	import CopyShareLink from "../Others/Forms/CopyShareLink";
 	import {Edit2Icon, LockIcon, UnlockIcon, EyeOffIcon} from 'vue-feather-icons'
-	import ImageMetaData from '/resources/js/components/FilesView/ImageMetaData'
-	import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
+	import ImageMetaData from "./ImageMetaData";
+	import TitlePreview from "./TitlePreview";
 	import TeamMembersPreview from "../Teams/Components/TeamMembersPreview"
-	import ListInfoItem from '/resources/js/components/Others/ListInfoItem'
+	import ListInfoItem from "../Others/ListInfoItem";
 	import MemberAvatar from "./MemberAvatar"
 	import {mapGetters} from 'vuex'
 
diff --git a/resources/js/components/FilesView/ItemGrid.vue b/resources/js/components/FilesView/ItemGrid.vue
index 1e05cca9..21e26797 100644
--- a/resources/js/components/FilesView/ItemGrid.vue
+++ b/resources/js/components/FilesView/ItemGrid.vue
@@ -97,7 +97,7 @@
 </template>
 
 <script>
-	import FolderIcon from '/resources/js/components/FilesView/FolderIcon'
+	import FolderIcon from "./FolderIcon";
 	import {LinkIcon, MoreHorizontalIcon, EyeIcon} from 'vue-feather-icons'
 	import FileIconThumbnail from "./FileIconThumbnail"
 	import MemberAvatar from "./MemberAvatar"
diff --git a/resources/js/components/FilesView/ItemHandler.vue b/resources/js/components/FilesView/ItemHandler.vue
index 521fa687..c0f1e5b1 100644
--- a/resources/js/components/FilesView/ItemHandler.vue
+++ b/resources/js/components/FilesView/ItemHandler.vue
@@ -214,8 +214,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
+@import '../../../sass/vuefilemanager/variables';
+@import '../../../sass/vuefilemanager/mixins';
 
 
 .slide-from-left-move {
diff --git a/resources/js/components/FilesView/MobileActionButton.vue b/resources/js/components/FilesView/MobileActionButton.vue
index 149defaa..b3b56399 100644
--- a/resources/js/components/FilesView/MobileActionButton.vue
+++ b/resources/js/components/FilesView/MobileActionButton.vue
@@ -35,8 +35,8 @@
 
 <script>
     import { UserCheckIcon, HardDriveIcon, UploadCloudIcon, LinkIcon, Trash2Icon, UsersIcon, SearchIcon, RefreshCwIcon, DownloadIcon, CopyIcon, FilterIcon, DollarSignIcon, CheckIcon, XSquareIcon, CheckSquareIcon, FolderPlusIcon, ListIcon, GridIcon, TrashIcon, UserPlusIcon, PlusIcon, CreditCardIcon  } from 'vue-feather-icons'
-    import CloudPlusIcon from '/resources/js/components/FilesView/Icons/CloudPlusIcon'
-    import SortingIcon from '/resources/js/components/FilesView/Icons/SortingIcon'
+    import CloudPlusIcon from "./Icons/CloudPlusIcon";
+    import SortingIcon from "./Icons/SortingIcon";
 
     export default {
         name: 'MobileActionButton',
diff --git a/resources/js/components/FilesView/MobileActionButtonUpload.vue b/resources/js/components/FilesView/MobileActionButtonUpload.vue
index 8d0b66a9..7c0c5e55 100644
--- a/resources/js/components/FilesView/MobileActionButtonUpload.vue
+++ b/resources/js/components/FilesView/MobileActionButtonUpload.vue
@@ -36,8 +36,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .mobile-action-button {
         background: $light_background;
diff --git a/resources/js/components/FilesView/MobileContextMenu.vue b/resources/js/components/FilesView/MobileContextMenu.vue
index 6cab9316..08559f86 100644
--- a/resources/js/components/FilesView/MobileContextMenu.vue
+++ b/resources/js/components/FilesView/MobileContextMenu.vue
@@ -17,9 +17,9 @@
 </template>
 
 <script>
-import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
-import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
-import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
+import MenuMobileGroup from "../Mobile/MenuMobileGroup";
+import ThumbnailItem from "../Others/ThumbnailItem";
+import MenuMobile from "../Mobile/MenuMobile";
 import {mapGetters} from 'vuex'
 
 export default {
diff --git a/resources/js/components/FilesView/MobileCreateMenu.vue b/resources/js/components/FilesView/MobileCreateMenu.vue
index 12df43e1..60b30531 100644
--- a/resources/js/components/FilesView/MobileCreateMenu.vue
+++ b/resources/js/components/FilesView/MobileCreateMenu.vue
@@ -7,8 +7,8 @@
 </template>
 
 <script>
-import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
-import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
+import MenuMobileGroup from "../Mobile/MenuMobileGroup";
+import MenuMobile from "../Mobile/MenuMobile";
 import {events} from "../../bus";
 
 export default {
diff --git a/resources/js/components/FilesView/MobileMultiSelectToolbar.vue b/resources/js/components/FilesView/MobileMultiSelectToolbar.vue
index aee39b3c..56bd1efe 100644
--- a/resources/js/components/FilesView/MobileMultiSelectToolbar.vue
+++ b/resources/js/components/FilesView/MobileMultiSelectToolbar.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
+import ToolbarButton from "./ToolbarButton";
 import {mapGetters} from 'vuex'
 
 export default {
diff --git a/resources/js/components/FilesView/MobileTeamContextMenu.vue b/resources/js/components/FilesView/MobileTeamContextMenu.vue
index 439329ad..b2c08108 100644
--- a/resources/js/components/FilesView/MobileTeamContextMenu.vue
+++ b/resources/js/components/FilesView/MobileTeamContextMenu.vue
@@ -9,9 +9,9 @@
 </template>
 
 <script>
-import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
+import MenuMobileGroup from "../Mobile/MenuMobileGroup";
 import TeamFolderPreview from '../Teams/Components/TeamFolderPreview'
-import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
+import MenuMobile from "../Mobile/MenuMobile";
 
 export default {
     name: 'MobileTeamContextMenu',
diff --git a/resources/js/components/FilesView/OptionUpload.vue b/resources/js/components/FilesView/OptionUpload.vue
index ee673cea..8f55713f 100644
--- a/resources/js/components/FilesView/OptionUpload.vue
+++ b/resources/js/components/FilesView/OptionUpload.vue
@@ -32,7 +32,7 @@
 </template>
 
 <script>
-import FolderUploadIcon from '/resources/js/components/FilesView/Icons/FolderUploadIcon'
+import FolderUploadIcon from "./Icons/FolderUploadIcon";
 import {
     UploadCloudIcon,
 } from 'vue-feather-icons'
diff --git a/resources/js/components/FilesView/ProcessingPopup.vue b/resources/js/components/FilesView/ProcessingPopup.vue
index 9be10f0f..9dcb1cc5 100644
--- a/resources/js/components/FilesView/ProcessingPopup.vue
+++ b/resources/js/components/FilesView/ProcessingPopup.vue
@@ -32,8 +32,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
+@import '../../../sass/vuefilemanager/variables';
+@import '../../../sass/vuefilemanager/mixins';
 
 .spinner-wrapper {
     padding-bottom: 90px;
diff --git a/resources/js/components/FilesView/ProgressBar.vue b/resources/js/components/FilesView/ProgressBar.vue
index 0e121859..4d53a64d 100644
--- a/resources/js/components/FilesView/ProgressBar.vue
+++ b/resources/js/components/FilesView/ProgressBar.vue
@@ -12,8 +12,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-	@import '/resources/sass/vuefilemanager/_variables';
-	@import '/resources/sass/vuefilemanager/_mixins';
+	@import '../../../sass/vuefilemanager/variables';
+	@import '../../../sass/vuefilemanager/mixins';
 
 	.progress-bar {
 		width: 100%;
diff --git a/resources/js/components/FilesView/Spinner.vue b/resources/js/components/FilesView/Spinner.vue
index b933d847..4ed36e20 100644
--- a/resources/js/components/FilesView/Spinner.vue
+++ b/resources/js/components/FilesView/Spinner.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     #loading-bar-spinner.spinner {
         left: 50%;
diff --git a/resources/js/components/FilesView/ToolbarButton.vue b/resources/js/components/FilesView/ToolbarButton.vue
index 28619c04..23a79339 100644
--- a/resources/js/components/FilesView/ToolbarButton.vue
+++ b/resources/js/components/FilesView/ToolbarButton.vue
@@ -22,8 +22,8 @@
 </template>
 
 <script>
-    import SortingIcon from '/resources/js/components/FilesView/Icons/SortingIcon'
-    import CloudPlusIcon from '/resources/js/components/FilesView/Icons/CloudPlusIcon'
+    import SortingIcon from "./Icons/SortingIcon";
+    import CloudPlusIcon from "./Icons/CloudPlusIcon";
     import {
 		SearchIcon,
     	UserPlusIcon,
diff --git a/resources/js/components/FilesView/UploadProgress.vue b/resources/js/components/FilesView/UploadProgress.vue
index 42a0b513..b3afed43 100644
--- a/resources/js/components/FilesView/UploadProgress.vue
+++ b/resources/js/components/FilesView/UploadProgress.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script>
-    import ProgressBar from '/resources/js/components/FilesView/ProgressBar'
+    import ProgressBar from "./ProgressBar";
     import { RefreshCwIcon, XIcon } from 'vue-feather-icons'
     import {mapGetters} from 'vuex'
     import {events} from "../../bus";
@@ -55,8 +55,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .sync-alt {
         animation: spin 1s linear infinite;
diff --git a/resources/js/components/Index/Components/PageTitle.vue b/resources/js/components/Index/Components/PageTitle.vue
index b32c86d2..c119632d 100644
--- a/resources/js/components/Index/Components/PageTitle.vue
+++ b/resources/js/components/Index/Components/PageTitle.vue
@@ -15,9 +15,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_landing-page';
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../../sass/vuefilemanager/landing-page';
+    @import '../../../../sass/vuefilemanager/variables';
+    @import '../../../../sass/vuefilemanager/mixins';
 
     .page-title {
         position: relative;
diff --git a/resources/js/components/Index/Components/PricingTables.vue b/resources/js/components/Index/Components/PricingTables.vue
index 2f0c6c39..e31fdf5a 100644
--- a/resources/js/components/Index/Components/PricingTables.vue
+++ b/resources/js/components/Index/Components/PricingTables.vue
@@ -49,8 +49,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../../sass/vuefilemanager/variables';
+    @import '../../../../sass/vuefilemanager/mixins';
 
     .plans-wrapper {
         box-shadow: 0 7px 20px 5px hsla(220, 36%, 16%, 0.05);
diff --git a/resources/js/components/Index/IndexGetStarted.vue b/resources/js/components/Index/IndexGetStarted.vue
index 47590acb..8c131d4a 100644
--- a/resources/js/components/Index/IndexGetStarted.vue
+++ b/resources/js/components/Index/IndexGetStarted.vue
@@ -88,9 +88,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_landing-page';
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/landing-page';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .icons {
 
diff --git a/resources/js/components/Index/IndexHeroScreenshot.vue b/resources/js/components/Index/IndexHeroScreenshot.vue
index 75a618ee..60a75ca1 100644
--- a/resources/js/components/Index/IndexHeroScreenshot.vue
+++ b/resources/js/components/Index/IndexHeroScreenshot.vue
@@ -57,9 +57,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_landing-page';
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/landing-page';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .icons {
 
diff --git a/resources/js/components/Index/IndexMainFeatures.vue b/resources/js/components/Index/IndexMainFeatures.vue
index 4bd7b3ba..0dfd1f45 100644
--- a/resources/js/components/Index/IndexMainFeatures.vue
+++ b/resources/js/components/Index/IndexMainFeatures.vue
@@ -69,9 +69,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_landing-page';
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/landing-page';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .features {
         padding-left: 75px;
diff --git a/resources/js/components/Index/IndexNavigation.vue b/resources/js/components/Index/IndexNavigation.vue
index 2c45393d..d279b056 100644
--- a/resources/js/components/Index/IndexNavigation.vue
+++ b/resources/js/components/Index/IndexNavigation.vue
@@ -55,9 +55,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_landing-page';
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/landing-page';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .main-navigation {
         justify-content: space-between;
diff --git a/resources/js/components/Index/IndexPageFooter.vue b/resources/js/components/Index/IndexPageFooter.vue
index 81e1bdd4..be745dfa 100644
--- a/resources/js/components/Index/IndexPageFooter.vue
+++ b/resources/js/components/Index/IndexPageFooter.vue
@@ -39,9 +39,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_landing-page';
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/landing-page';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     footer {
         text-align: center;
diff --git a/resources/js/components/Index/IndexPageHeader.vue b/resources/js/components/Index/IndexPageHeader.vue
index 7a121c05..c20b74d8 100644
--- a/resources/js/components/Index/IndexPageHeader.vue
+++ b/resources/js/components/Index/IndexPageHeader.vue
@@ -33,8 +33,8 @@
 
 <script>
     import HardDriveIcon from "vue-feather-icons/icons/HardDriveIcon";
-    import PageTitle from '/resources/js/components/Index/Components/PageTitle'
-    import AuthButton from '/resources/js/components/Auth/AuthButton'
+    import PageTitle from "./Components/PageTitle";
+    import AuthButton from "../Auth/AuthButton";
     import { CreditCardIcon } from 'vue-feather-icons'
     import { mapGetters } from 'vuex'
 
@@ -53,9 +53,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_landing-page';
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/landing-page';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .features {
         display: flex;
diff --git a/resources/js/components/Index/IndexPricingTables.vue b/resources/js/components/Index/IndexPricingTables.vue
index 464b7374..148fa4bd 100644
--- a/resources/js/components/Index/IndexPricingTables.vue
+++ b/resources/js/components/Index/IndexPricingTables.vue
@@ -51,9 +51,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_landing-page';
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/landing-page';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .pricing {
         .cloud-bg {
diff --git a/resources/js/components/Mobile/MobileHeader.vue b/resources/js/components/Mobile/MobileHeader.vue
index f7b19f98..0bf2424f 100644
--- a/resources/js/components/Mobile/MobileHeader.vue
+++ b/resources/js/components/Mobile/MobileHeader.vue
@@ -42,8 +42,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .mobile-header {
         padding: 10px 0;
diff --git a/resources/js/components/Others/ActionButton.vue b/resources/js/components/Others/ActionButton.vue
index 3301668d..90a64a25 100644
--- a/resources/js/components/Others/ActionButton.vue
+++ b/resources/js/components/Others/ActionButton.vue
@@ -22,8 +22,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .action-button {
         cursor: pointer;
diff --git a/resources/js/components/Others/ColorLabel.vue b/resources/js/components/Others/ColorLabel.vue
index 03a38d49..8a9e7695 100644
--- a/resources/js/components/Others/ColorLabel.vue
+++ b/resources/js/components/Others/ColorLabel.vue
@@ -14,7 +14,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
+    @import '../../../sass/vuefilemanager/variables';
 
     .color-label {
 
diff --git a/resources/js/components/Others/ColorPicker.vue b/resources/js/components/Others/ColorPicker.vue
index a6449b5a..c6456d78 100644
--- a/resources/js/components/Others/ColorPicker.vue
+++ b/resources/js/components/Others/ColorPicker.vue
@@ -66,8 +66,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "resources/sass/vuefilemanager/_inapp-forms.scss";
-@import '/resources/sass/vuefilemanager/_forms';
+@import '../../../sass/vuefilemanager/inapp-forms';
+@import '../../../sass/vuefilemanager/forms';
 
 .color-pick-wrapper {
     .color-wrapper {
diff --git a/resources/js/components/Others/CreateFolderPopup.vue b/resources/js/components/Others/CreateFolderPopup.vue
index f734fe63..563fa87d 100644
--- a/resources/js/components/Others/CreateFolderPopup.vue
+++ b/resources/js/components/Others/CreateFolderPopup.vue
@@ -46,12 +46,12 @@
 
 <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 ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
-    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 ThumbnailItem from "./ThumbnailItem";
+    import ButtonBase from "../FilesView/ButtonBase";
     import {required} from 'vee-validate/dist/rules'
 	import AppInputSwitch from "../Admin/AppInputSwitch"
 	import AppInputText from "../Admin/AppInputText"
diff --git a/resources/js/components/Others/CreatePersonalTokenPopup.vue b/resources/js/components/Others/CreatePersonalTokenPopup.vue
index 97ff16fc..c0020ad7 100644
--- a/resources/js/components/Others/CreatePersonalTokenPopup.vue
+++ b/resources/js/components/Others/CreatePersonalTokenPopup.vue
@@ -58,13 +58,13 @@
 <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 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 PopupWrapper from "./Popup/PopupWrapper";
+import PopupActions from "./Popup/PopupActions";
+import PopupContent from "./Popup/PopupContent";
+import PopupHeader from "./Popup/PopupHeader";
+import CopyInput from "./Forms/CopyInput";
+import ButtonBase from "../FilesView/ButtonBase";
+import InfoBox from "./Forms/InfoBox";
 import {required} from 'vee-validate/dist/rules'
 import {events} from '../../bus'
 import axios from 'axios'
@@ -124,8 +124,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-	@import "resources/sass/vuefilemanager/_inapp-forms.scss";
-	@import '/resources/sass/vuefilemanager/_forms';
+	@import '../../../sass/vuefilemanager/inapp-forms';
+	@import '../../../sass/vuefilemanager/forms';
 
 	.dark {
 
diff --git a/resources/js/components/Others/EmojiPicker.vue b/resources/js/components/Others/EmojiPicker.vue
index 4c22cb59..d078b8b7 100644
--- a/resources/js/components/Others/EmojiPicker.vue
+++ b/resources/js/components/Others/EmojiPicker.vue
@@ -55,8 +55,8 @@
 </template>
 
 <script>
-import Spinner from '/resources/js/components/FilesView/Spinner'
-import Emoji from '/resources/js/components/Others/Emoji'
+import Spinner from "../FilesView/Spinner";
+import Emoji from "./Emoji";
 import {debounce, groupBy} from 'lodash'
 import {XIcon} from 'vue-feather-icons'
 import {mapGetters} from 'vuex'
diff --git a/resources/js/components/Others/EmptyPageContent.vue b/resources/js/components/Others/EmptyPageContent.vue
index 8d992989..d986bf94 100644
--- a/resources/js/components/Others/EmptyPageContent.vue
+++ b/resources/js/components/Others/EmptyPageContent.vue
@@ -30,8 +30,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .empty-page-content {
         width: 100%;
diff --git a/resources/js/components/Others/Forms/ImageInput.vue b/resources/js/components/Others/Forms/ImageInput.vue
index 44baa815..7328c623 100644
--- a/resources/js/components/Others/Forms/ImageInput.vue
+++ b/resources/js/components/Others/Forms/ImageInput.vue
@@ -85,8 +85,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../../sass/vuefilemanager/variables';
+    @import '../../../../sass/vuefilemanager/mixins';
 
     .dropzone {
         border: 1px dashed #a1abc2;
diff --git a/resources/js/components/Others/Forms/InfoBox.vue b/resources/js/components/Others/Forms/InfoBox.vue
index 22918a2e..11faf8f7 100644
--- a/resources/js/components/Others/Forms/InfoBox.vue
+++ b/resources/js/components/Others/Forms/InfoBox.vue
@@ -12,8 +12,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import "../../../../sass/vuefilemanager/variables";
+    @import '../../../../sass/vuefilemanager/mixins';
 
     .info-box {
         padding: 20px;
diff --git a/resources/js/components/Others/Forms/MultiEmailInput.vue b/resources/js/components/Others/Forms/MultiEmailInput.vue
index fc960171..dd5561fc 100644
--- a/resources/js/components/Others/Forms/MultiEmailInput.vue
+++ b/resources/js/components/Others/Forms/MultiEmailInput.vue
@@ -91,8 +91,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "resources/sass/vuefilemanager/_inapp-forms.scss";
-@import '/resources/sass/vuefilemanager/_forms';
+@import "../../../../sass/vuefilemanager/inapp-forms";
+@import '../../../../sass/vuefilemanager/forms';
 
 .input-label {
     @include font-size(14);
diff --git a/resources/js/components/Others/Forms/SearchInput.vue b/resources/js/components/Others/Forms/SearchInput.vue
index 5bb96ee2..51d67421 100644
--- a/resources/js/components/Others/Forms/SearchInput.vue
+++ b/resources/js/components/Others/Forms/SearchInput.vue
@@ -41,9 +41,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
-@import '/resources/sass/vuefilemanager/_forms';
+@import '../../../../sass/vuefilemanager/variables';
+@import '../../../../sass/vuefilemanager/mixins';
+@import '../../../../sass/vuefilemanager/forms';
 
 .search-bar {
     position: relative;
diff --git a/resources/js/components/Others/Forms/SelectBoxInput.vue b/resources/js/components/Others/Forms/SelectBoxInput.vue
index c7dec6ed..be20f587 100644
--- a/resources/js/components/Others/Forms/SelectBoxInput.vue
+++ b/resources/js/components/Others/Forms/SelectBoxInput.vue
@@ -40,10 +40,10 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
-    @import "resources/sass/vuefilemanager/_inapp-forms.scss";
-    @import "resources/sass/vuefilemanager/_forms.scss";
+    @import '../../../../sass/vuefilemanager/variables';
+    @import '../../../../sass/vuefilemanager/mixins';
+    @import "../../../../sass/vuefilemanager/inapp-forms";
+    @import "../../../../sass/vuefilemanager/forms";
 
     .select-box {
         display: flex;
diff --git a/resources/js/components/Others/Forms/SelectInput.vue b/resources/js/components/Others/Forms/SelectInput.vue
index 760b56c1..b9288853 100644
--- a/resources/js/components/Others/Forms/SelectInput.vue
+++ b/resources/js/components/Others/Forms/SelectInput.vue
@@ -114,8 +114,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../../sass/vuefilemanager/variables';
+    @import '../../../../sass/vuefilemanager/mixins';
 
 	/* TODO: refactor to the tailwind */
 
diff --git a/resources/js/components/Others/Forms/SetupBox.vue b/resources/js/components/Others/Forms/SetupBox.vue
index 5fe8dbe4..b98173db 100644
--- a/resources/js/components/Others/Forms/SetupBox.vue
+++ b/resources/js/components/Others/Forms/SetupBox.vue
@@ -14,8 +14,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../../sass/vuefilemanager/variables';
+    @import '../../../../sass/vuefilemanager/mixins';
 
     .setup-box {
         padding: 20px;
diff --git a/resources/js/components/Others/Forms/SwitchInput.vue b/resources/js/components/Others/Forms/SwitchInput.vue
index 13702d61..73b28120 100644
--- a/resources/js/components/Others/Forms/SwitchInput.vue
+++ b/resources/js/components/Others/Forms/SwitchInput.vue
@@ -49,8 +49,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-	@import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../../sass/vuefilemanager/variables';
+	@import '../../../../sass/vuefilemanager/mixins';
 
 	.input-wrapper {
 		display: flex;
diff --git a/resources/js/components/Others/Layout/PageTab.vue b/resources/js/components/Others/Layout/PageTab.vue
index 12a5f38d..4824af17 100644
--- a/resources/js/components/Others/Layout/PageTab.vue
+++ b/resources/js/components/Others/Layout/PageTab.vue
@@ -20,6 +20,6 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../../sass/vuefilemanager/variables';
+    @import '../../../../sass/vuefilemanager/mixins';
 </style>
\ No newline at end of file
diff --git a/resources/js/components/Others/Layout/PageTabGroup.vue b/resources/js/components/Others/Layout/PageTabGroup.vue
index a2b74088..6456bc30 100644
--- a/resources/js/components/Others/Layout/PageTabGroup.vue
+++ b/resources/js/components/Others/Layout/PageTabGroup.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../../sass/vuefilemanager/variables';
+    @import '../../../../sass/vuefilemanager/mixins';
 
     .page-tab-group {
         margin-bottom: 65px;
diff --git a/resources/js/components/Others/ListInfo.vue b/resources/js/components/Others/ListInfo.vue
index b2bf7777..18d94405 100644
--- a/resources/js/components/Others/ListInfo.vue
+++ b/resources/js/components/Others/ListInfo.vue
@@ -11,6 +11,6 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 </style>
diff --git a/resources/js/components/Others/MobileNavigation.vue b/resources/js/components/Others/MobileNavigation.vue
index c2b3b4ad..ca07c458 100644
--- a/resources/js/components/Others/MobileNavigation.vue
+++ b/resources/js/components/Others/MobileNavigation.vue
@@ -70,11 +70,11 @@
 </template>
 
 <script>
-    import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
-    import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
-    import UserHeadline from '/resources/js/components/Sidebar/UserHeadline'
-    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 UserHeadline from "../Sidebar/UserHeadline";
+    import MenuMobile from "../Mobile/MenuMobile";
+    import Option from "../FilesView/Option";
     import {ChevronLeftIcon} from 'vue-feather-icons'
     import {mapGetters} from 'vuex'
 
diff --git a/resources/js/components/Others/PageHeader.vue b/resources/js/components/Others/PageHeader.vue
index cab39d9c..e15546c2 100644
--- a/resources/js/components/Others/PageHeader.vue
+++ b/resources/js/components/Others/PageHeader.vue
@@ -24,8 +24,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .page-header {
         display: flex;
diff --git a/resources/js/components/Others/PlanPricingTables.vue b/resources/js/components/Others/PlanPricingTables.vue
index 7f60dc08..1520e2a4 100644
--- a/resources/js/components/Others/PlanPricingTables.vue
+++ b/resources/js/components/Others/PlanPricingTables.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script>
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import ButtonBase from "../FilesView/ButtonBase";
     import {HardDriveIcon} from "vue-feather-icons"
     import { mapGetters } from 'vuex'
     import axios from 'axios'
@@ -72,8 +72,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .plan {
         text-align: center;
diff --git a/resources/js/components/Others/Popup/ConfirmPopup.vue b/resources/js/components/Others/Popup/ConfirmPopup.vue
index 7bc0b3eb..b597fd51 100644
--- a/resources/js/components/Others/Popup/ConfirmPopup.vue
+++ b/resources/js/components/Others/Popup/ConfirmPopup.vue
@@ -31,9 +31,9 @@
 </template>
 
 <script>
-    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 PopupWrapper from "./PopupWrapper";
+    import PopupActions from "./PopupActions";
+    import ButtonBase from "../../FilesView/ButtonBase";
     import {events} from '../../../bus'
 
     export default {
diff --git a/resources/js/components/Others/Popup/PopupWrapper.vue b/resources/js/components/Others/Popup/PopupWrapper.vue
index d20b10b0..9e8d4e2c 100644
--- a/resources/js/components/Others/Popup/PopupWrapper.vue
+++ b/resources/js/components/Others/Popup/PopupWrapper.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script>
-    import {events} from '/resources/js/bus'
+    import {events} from '../../../bus'
 
     export default {
         name: 'PopupWrapper',
@@ -56,8 +56,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../../sass/vuefilemanager/variables';
+    @import '../../../../sass/vuefilemanager/mixins';
 
 	.popup {
 		z-index: 41;
diff --git a/resources/js/components/Others/RenameItemPopup.vue b/resources/js/components/Others/RenameItemPopup.vue
index a031ace1..8b54ef48 100644
--- a/resources/js/components/Others/RenameItemPopup.vue
+++ b/resources/js/components/Others/RenameItemPopup.vue
@@ -48,19 +48,19 @@
 
 <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 ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
-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 ThumbnailItem from "./ThumbnailItem";
+import ButtonBase from "../FilesView/ButtonBase";
 import AppInputSwitch from "../Admin/AppInputSwitch"
 import AppInputText from "../Admin/AppInputText"
 import {required} from 'vee-validate/dist/rules'
 import SwitchInput from "./Forms/SwitchInput"
 import EmojiPicker from "./EmojiPicker"
 import {XIcon} from 'vue-feather-icons'
-import {events} from '/resources/js/bus'
+import {events} from '../../bus'
 
 export default {
     name: 'RenameItemPopup',
@@ -161,8 +161,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "resources/sass/vuefilemanager/_inapp-forms.scss";
-@import '/resources/sass/vuefilemanager/_forms';
+@import "../../../sass/vuefilemanager/inapp-forms";
+@import '../../../sass/vuefilemanager/forms';
 
 .input {
     position: relative;
diff --git a/resources/js/components/Others/SectionTitle.vue b/resources/js/components/Others/SectionTitle.vue
index e766bd13..557482f7 100644
--- a/resources/js/components/Others/SectionTitle.vue
+++ b/resources/js/components/Others/SectionTitle.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .text-label {
         @include font-size(12);
diff --git a/resources/js/components/Others/SelectSingleChargeMethodPopup.vue b/resources/js/components/Others/SelectSingleChargeMethodPopup.vue
index 47011cd7..55423c97 100644
--- a/resources/js/components/Others/SelectSingleChargeMethodPopup.vue
+++ b/resources/js/components/Others/SelectSingleChargeMethodPopup.vue
@@ -65,15 +65,15 @@
 </template>
 
 <script>
-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 { loadScript } from "@paypal/paypal-js"
 import PaymentMethod from "./PaymentMethod"
 import Spinner from "../FilesView/Spinner"
-import {events} from '/resources/js/bus'
+import {events} from '../../bus'
 import paystack from 'vue-paystack'
 import {mapGetters} from "vuex"
 
@@ -169,8 +169,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-	@import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+	@import '../../../sass/vuefilemanager/mixins';
 
 	.mobile-actions {
 		white-space: nowrap;
diff --git a/resources/js/components/Others/ShareCreatePopup.vue b/resources/js/components/Others/ShareCreatePopup.vue
index f346ad7b..26ea5cf4 100644
--- a/resources/js/components/Others/ShareCreatePopup.vue
+++ b/resources/js/components/Others/ShareCreatePopup.vue
@@ -80,25 +80,23 @@
 import AppInputText from "../Admin/AppInputText";
 import AppInputSwitch from "../Admin/AppInputSwitch";
 import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-import SelectBoxInput from '/resources/js/components/Others/Forms/SelectBoxInput'
-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 MultiEmailInput from '/resources/js/components/Others/Forms/MultiEmailInput'
-import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
-import ActionButton from '/resources/js/components/Others/ActionButton'
-import CopyShareLink from '/resources/js/components/Others/Forms/CopyShareLink'
-import TabWrapper from '/resources/js/components/Others/TabWrapper'
-import TabOption from '/resources/js/components/Others/TabOption'
-import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+import SelectBoxInput from "./Forms/SelectBoxInput";
+import PopupWrapper from "./Popup/PopupWrapper";
+import PopupActions from './Popup/PopupActions'
+import PopupContent from './Popup/PopupContent'
+import PopupHeader from './Popup/PopupHeader'
+import MultiEmailInput from "./Forms/MultiEmailInput";
+import SwitchInput from "./Forms/SwitchInput";
+import SelectInput from "./Forms/SelectInput";
+import ThumbnailItem from "./ThumbnailItem";
+import ActionButton from "./ActionButton";
+import CopyShareLink from "./Forms/CopyShareLink";
+import ButtonBase from "../FilesView/ButtonBase";
+import InfoBox from "./Forms/InfoBox";
 import {LinkIcon, MailIcon} from 'vue-feather-icons'
 import {required} from 'vee-validate/dist/rules'
 import {mapGetters} from 'vuex'
-import {events} from '/resources/js/bus'
+import {events} from '../../bus'
 import axios from 'axios'
 
 export default {
@@ -113,8 +111,6 @@ export default {
         ActionButton,
         PopupWrapper,
         PopupActions,
-        TabWrapper,
-        TabOption,
         PopupContent,
         PopupHeader,
         MultiEmailInput,
diff --git a/resources/js/components/Others/ShareEditPopup.vue b/resources/js/components/Others/ShareEditPopup.vue
index 4640a283..a325cc49 100644
--- a/resources/js/components/Others/ShareEditPopup.vue
+++ b/resources/js/components/Others/ShareEditPopup.vue
@@ -143,23 +143,23 @@
 
 <script>
 	import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-	import MultiEmailInput from '/resources/js/components/Others/Forms/MultiEmailInput'
-	import SelectBoxInput from '/resources/js/components/Others/Forms/SelectBoxInput'
-	import CopyShareLink from '/resources/js/components/Others/Forms/CopyShareLink'
-	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 SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-	import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-	import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
-	import ActionButton from '/resources/js/components/Others/ActionButton'
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+	import MultiEmailInput from "./Forms/MultiEmailInput";
+	import SelectBoxInput from './Forms/SelectBoxInput'
+	import CopyShareLink from './Forms/CopyShareLink'
+	import PopupWrapper from "./Popup/PopupWrapper";
+	import PopupActions from './Popup/PopupActions'
+	import PopupContent from './Popup/PopupContent'
+	import PopupHeader from './Popup/PopupHeader'
+	import SwitchInput from './Forms/SwitchInput'
+	import SelectInput from './Forms/SelectInput'
+	import ThumbnailItem from "./ThumbnailItem";
+	import ActionButton from "./ActionButton";
+	import ButtonBase from "../FilesView/ButtonBase";
 	import AppInputSwitch from "../Admin/AppInputSwitch"
 	import AppInputText from "../Admin/AppInputText"
 	import {required} from 'vee-validate/dist/rules'
 	import Spinner from "../FilesView/Spinner"
-	import {events} from '/resources/js/bus'
+	import {events} from '../../bus'
 	import {mapGetters} from 'vuex'
 	import axios from 'axios'
 
diff --git a/resources/js/components/Others/TabWrapper.vue b/resources/js/components/Others/TabWrapper.vue
index 344741be..ae3089ba 100644
--- a/resources/js/components/Others/TabWrapper.vue
+++ b/resources/js/components/Others/TabWrapper.vue
@@ -54,8 +54,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "resources/sass/vuefilemanager/_inapp-forms.scss";
-    @import '/resources/sass/vuefilemanager/_forms';
+    @import '../../../sass/vuefilemanager/inapp-forms';
+    @import '../../../sass/vuefilemanager/forms';
 
     .tab-wrapper {
         display: flex;
diff --git a/resources/js/components/Others/Tables/DatatableCell.vue b/resources/js/components/Others/Tables/DatatableCell.vue
index b3a58c8f..37398da3 100644
--- a/resources/js/components/Others/Tables/DatatableCell.vue
+++ b/resources/js/components/Others/Tables/DatatableCell.vue
@@ -26,8 +26,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../../sass/vuefilemanager/variables';
+    @import '../../../../sass/vuefilemanager/mixins';
 
     .table-row {
         border-radius: 8px;
diff --git a/resources/js/components/Others/Tables/DatatableCellImage.vue b/resources/js/components/Others/Tables/DatatableCellImage.vue
index 053e7bc2..6b060697 100644
--- a/resources/js/components/Others/Tables/DatatableCellImage.vue
+++ b/resources/js/components/Others/Tables/DatatableCellImage.vue
@@ -31,8 +31,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../../sass/vuefilemanager/variables';
+    @import '../../../../sass/vuefilemanager/mixins';
 
 	.info {
 
diff --git a/resources/js/components/Others/TextLabel.vue b/resources/js/components/Others/TextLabel.vue
index 0d103779..f0ca3898 100644
--- a/resources/js/components/Others/TextLabel.vue
+++ b/resources/js/components/Others/TextLabel.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .text-label {
         padding-left: 25px;
diff --git a/resources/js/components/Others/ThemeLabel.vue b/resources/js/components/Others/ThemeLabel.vue
index 920918cb..b31a46d0 100644
--- a/resources/js/components/Others/ThemeLabel.vue
+++ b/resources/js/components/Others/ThemeLabel.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .theme-label {
         @include font-size(14);
diff --git a/resources/js/components/Others/ThumbnailItem.vue b/resources/js/components/Others/ThumbnailItem.vue
index 8890da03..95c22913 100644
--- a/resources/js/components/Others/ThumbnailItem.vue
+++ b/resources/js/components/Others/ThumbnailItem.vue
@@ -66,7 +66,7 @@
 	import MemberAvatar from "../FilesView/MemberAvatar";
 	import Emoji from "./Emoji";
     import {mapGetters} from 'vuex'
-    import FolderIcon from '/resources/js/components/FilesView/FolderIcon'
+    import FolderIcon from "../FilesView/FolderIcon";
 
     export default {
         name: 'ThumbnailItem',
diff --git a/resources/js/components/Others/TreeMenu.vue b/resources/js/components/Others/TreeMenu.vue
index 587c2c3b..99419250 100644
--- a/resources/js/components/Others/TreeMenu.vue
+++ b/resources/js/components/Others/TreeMenu.vue
@@ -44,9 +44,9 @@
 </template>
 
 <script>
-    import TreeMenu from '/resources/js/components/Others/TreeMenu'
+    import TreeMenu from './TreeMenu'
 	import {FolderIcon, ChevronRightIcon, HardDriveIcon, UsersIcon, UserPlusIcon} from 'vue-feather-icons'
-	import {events} from '/resources/js/bus'
+	import {events} from '../../bus'
 	import {mapGetters} from 'vuex'
 
 	export default {
diff --git a/resources/js/components/Others/TreeMenuNavigator.vue b/resources/js/components/Others/TreeMenuNavigator.vue
index aae2ddfb..8ffbe489 100644
--- a/resources/js/components/Others/TreeMenuNavigator.vue
+++ b/resources/js/components/Others/TreeMenuNavigator.vue
@@ -29,10 +29,10 @@
 </template>
 
 <script>
-    import TreeMenuNavigator from '/resources/js/components/Others/TreeMenuNavigator'
+    import TreeMenuNavigator from './TreeMenuNavigator'
 	import {FolderIcon, ChevronRightIcon} from 'vue-feather-icons'
 	import {mapGetters} from 'vuex'
-	import {events} from '/resources/js/bus'
+	import {events} from '../../bus'
 
 	export default {
 		name: 'TreeMenuNavigator',
diff --git a/resources/js/components/Others/TwoFactorQrSetupPopup.vue b/resources/js/components/Others/TwoFactorQrSetupPopup.vue
index aa8a318a..9c3b3cd7 100644
--- a/resources/js/components/Others/TwoFactorQrSetupPopup.vue
+++ b/resources/js/components/Others/TwoFactorQrSetupPopup.vue
@@ -28,15 +28,15 @@
 <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 ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+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 InfoBox from "./Forms/InfoBox";
 import {required} from 'vee-validate/dist/rules'
 import {mapGetters} from 'vuex'
-import {events} from '/resources/js/bus'
+import {events} from '../../bus'
 import axios from 'axios'
 
 export default {
diff --git a/resources/js/components/Others/TwoFactorRecoveryCodesPopup.vue b/resources/js/components/Others/TwoFactorRecoveryCodesPopup.vue
index 769ed109..1959fdae 100644
--- a/resources/js/components/Others/TwoFactorRecoveryCodesPopup.vue
+++ b/resources/js/components/Others/TwoFactorRecoveryCodesPopup.vue
@@ -46,16 +46,16 @@
 </template>
 
 <script>
-import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-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 InfoBox from '/resources/js/components/Others/Forms/InfoBox'
-import Spinner from '/resources/js/components/FilesView/Spinner'
+import MobileActionButton from "../FilesView/MobileActionButton";
+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 InfoBox from "./Forms/InfoBox";
+import Spinner from "../FilesView/Spinner";
 import {mapGetters} from "vuex"
-import {events} from '/resources/js/bus'
+import {events} from '../../bus'
 import axios from 'axios'
 
 export default {
@@ -148,8 +148,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-	@import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+	@import '../../../sass/vuefilemanager/mixins';
 
 	.mobile-actions {
 		white-space: nowrap;
diff --git a/resources/js/components/Others/Vignette.vue b/resources/js/components/Others/Vignette.vue
index 06855d8b..144ce1b2 100644
--- a/resources/js/components/Others/Vignette.vue
+++ b/resources/js/components/Others/Vignette.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-    import {events} from '/resources/js/bus'
+    import {events} from '../../bus'
     import { mapGetters } from 'vuex'
 
     export default {
@@ -47,8 +47,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .vignette {
         position: fixed;
diff --git a/resources/js/components/Sidebar/ContentGroup.vue b/resources/js/components/Sidebar/ContentGroup.vue
index 096a82a9..c08fa8f3 100644
--- a/resources/js/components/Sidebar/ContentGroup.vue
+++ b/resources/js/components/Sidebar/ContentGroup.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-    import TextLabel from '/resources/js/components/Others/TextLabel'
+    import TextLabel from "../Others/TextLabel";
     import { ChevronUpIcon } from 'vue-feather-icons'
 
     export default {
diff --git a/resources/js/components/Sidebar/SidebarNavigation.vue b/resources/js/components/Sidebar/SidebarNavigation.vue
index 4f7530de..188f9e56 100644
--- a/resources/js/components/Sidebar/SidebarNavigation.vue
+++ b/resources/js/components/Sidebar/SidebarNavigation.vue
@@ -24,8 +24,9 @@
 			<!--Navigation-->
 			<div class="mt-7">
 				<router-link
-					v-for="item in navigation"
+					v-for="(item, i) in navigation"
 					:to="{name: item.route}"
+					:key="i"
 					:title="item.title"
 					:class="[{'router-link-active': isSection(item.section)}, item.icon]"
 					class="block mb-1.5"
@@ -142,7 +143,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_variables';
+    @import '../../../sass/vuefilemanager/variables';
 
 	.menu-bar {
 		//background: linear-gradient(180deg, rgba(246, 245, 241, 0.8) 0%, rgba(243, 244, 246, 0.8) 100%);
diff --git a/resources/js/components/Spotlight/Spotlight.vue b/resources/js/components/Spotlight/Spotlight.vue
index cf705be2..14a8f6dc 100644
--- a/resources/js/components/Spotlight/Spotlight.vue
+++ b/resources/js/components/Spotlight/Spotlight.vue
@@ -200,12 +200,12 @@ import {
 	UsersIcon,
 	XIcon
 } from 'vue-feather-icons'
-import Spinner from '/resources/js/components/FilesView/Spinner'
+import Spinner from "../FilesView/Spinner";
 import MemberAvatar from "../FilesView/MemberAvatar"
 import FilterSuggestion from "./FilterSuggestion"
 import ItemList from "../FilesView/ItemList"
 import CategoryName from "./CategoryName"
-import {events} from '/resources/js/bus'
+import {events} from '../../bus'
 import {mapGetters} from 'vuex'
 import {debounce} from 'lodash'
 import axios from "axios"
diff --git a/resources/js/components/Subscription/FixedTransactionRow.vue b/resources/js/components/Subscription/FixedTransactionRow.vue
index 5d4b763e..727a91e6 100644
--- a/resources/js/components/Subscription/FixedTransactionRow.vue
+++ b/resources/js/components/Subscription/FixedTransactionRow.vue
@@ -57,7 +57,7 @@
 <script>
 	import MemberAvatar from "../FilesView/MemberAvatar";
 	import MeteredTransactionDetailRow from "./MeteredTransactionDetailRow";
-	import ColorLabel from "/resources/js/components/Others/ColorLabel"
+	import ColorLabel from "../Others/ColorLabel";
 	import {EyeIcon, FileTextIcon} from 'vue-feather-icons'
 
 	export default {
diff --git a/resources/js/components/Subscription/MeteredTransactionRow.vue b/resources/js/components/Subscription/MeteredTransactionRow.vue
index 909f8a6d..b7984ea0 100644
--- a/resources/js/components/Subscription/MeteredTransactionRow.vue
+++ b/resources/js/components/Subscription/MeteredTransactionRow.vue
@@ -68,7 +68,7 @@
 <script>
 	import MemberAvatar from "../FilesView/MemberAvatar";
 	import MeteredTransactionDetailRow from "./MeteredTransactionDetailRow";
-	import ColorLabel from "/resources/js/components/Others/ColorLabel"
+	import ColorLabel from "../Others/ColorLabel";
 	import {EyeIcon, FileTextIcon} from 'vue-feather-icons'
 
 	export default {
diff --git a/resources/js/components/Subscription/SelectPlanSubscriptionPopup.vue b/resources/js/components/Subscription/SelectPlanSubscriptionPopup.vue
index fcc2bbcf..6b08d869 100644
--- a/resources/js/components/Subscription/SelectPlanSubscriptionPopup.vue
+++ b/resources/js/components/Subscription/SelectPlanSubscriptionPopup.vue
@@ -129,12 +129,12 @@
 <script>
 	import PaymentMethod from "../Others/PaymentMethod";
 	import {loadScript} from "@paypal/paypal-js";
-	import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-	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 SwitchInput from "../Others/Forms/SwitchInput";
+	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 ButtonBase from "../FilesView/ButtonBase";
 	import PlanDetail from "./PlanDetail";
 	import paystack from 'vue-paystack';
 	import {mapGetters} from "vuex";
diff --git a/resources/js/components/Subscription/UserBalance.vue b/resources/js/components/Subscription/UserBalance.vue
index ddd0db1b..06b0ccde 100644
--- a/resources/js/components/Subscription/UserBalance.vue
+++ b/resources/js/components/Subscription/UserBalance.vue
@@ -32,7 +32,7 @@
 </template>
 <script>
 import {ValidationObserver, ValidationProvider} from 'vee-validate/dist/vee-validate.full'
-import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+import ButtonBase from "../FilesView/ButtonBase";
 import FormLabel from "../Others/Forms/FormLabel"
 import AppInputText from "../Admin/AppInputText"
 import {mapGetters} from "vuex";
diff --git a/resources/js/components/Subscription/UserBillingAlerts.vue b/resources/js/components/Subscription/UserBillingAlerts.vue
index 85aea01c..13d0c36a 100644
--- a/resources/js/components/Subscription/UserBillingAlerts.vue
+++ b/resources/js/components/Subscription/UserBillingAlerts.vue
@@ -59,7 +59,7 @@
 </template>
 <script>
 import {ValidationObserver, ValidationProvider} from 'vee-validate/dist/vee-validate.full'
-import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+import ButtonBase from "../FilesView/ButtonBase";
 import AppInputText from "../Admin/AppInputText"
 import FormLabel from "../Others/Forms/FormLabel"
 import { Edit2Icon, Trash2Icon } from 'vue-feather-icons'
diff --git a/resources/js/components/Subscription/UserEditSubscription.vue b/resources/js/components/Subscription/UserEditSubscription.vue
index 0bed6f99..46e3201e 100644
--- a/resources/js/components/Subscription/UserEditSubscription.vue
+++ b/resources/js/components/Subscription/UserEditSubscription.vue
@@ -22,7 +22,7 @@
 	import AppInputButton from "../Admin/AppInputButton";
 	import AppInputText from "../Admin/AppInputText";
 	import AppInputSwitch from "../Admin/AppInputSwitch"
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+	import ButtonBase from "../FilesView/ButtonBase";
 	import FormLabel from "../Others/Forms/FormLabel"
 	import {events} from "../../bus";
 	import axios from "axios";
diff --git a/resources/js/components/Subscription/UserEmptySubscription.vue b/resources/js/components/Subscription/UserEmptySubscription.vue
index 63f3c525..a6fc67ce 100644
--- a/resources/js/components/Subscription/UserEmptySubscription.vue
+++ b/resources/js/components/Subscription/UserEmptySubscription.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script>
-	import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+	import InfoBox from "../Others/Forms/InfoBox";
 	import FormLabel from "../Others/Forms/FormLabel"
 	import ButtonBase from "../FilesView/ButtonBase"
 
diff --git a/resources/js/components/Subscription/UserFailedPayments.vue b/resources/js/components/Subscription/UserFailedPayments.vue
index 564c1a00..ccc15c7c 100644
--- a/resources/js/components/Subscription/UserFailedPayments.vue
+++ b/resources/js/components/Subscription/UserFailedPayments.vue
@@ -44,7 +44,7 @@
 
 <script>
 import FormLabel from "../Others/Forms/FormLabel"
-import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+import InfoBox from "../Others/Forms/InfoBox";
 import {mapGetters} from "vuex";
 
 export default {
diff --git a/resources/js/components/Subscription/UserStoredPaymentMethods.vue b/resources/js/components/Subscription/UserStoredPaymentMethods.vue
index b637350b..757ebc4d 100644
--- a/resources/js/components/Subscription/UserStoredPaymentMethods.vue
+++ b/resources/js/components/Subscription/UserStoredPaymentMethods.vue
@@ -49,7 +49,7 @@
 	</div>
 </template>
 <script>
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+	import ButtonBase from "../FilesView/ButtonBase";
 	import FormLabel from "../Others/Forms/FormLabel"
 	import PaymentCard from "./PaymentCard"
 	import Spinner from "../FilesView/Spinner"
diff --git a/resources/js/components/Subscription/UserTransactionsForFixedBilling.vue b/resources/js/components/Subscription/UserTransactionsForFixedBilling.vue
index fec83c90..b69f9a2a 100644
--- a/resources/js/components/Subscription/UserTransactionsForFixedBilling.vue
+++ b/resources/js/components/Subscription/UserTransactionsForFixedBilling.vue
@@ -24,7 +24,7 @@
 	</div>
 </template>
 <script>
-import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+import InfoBox from "../Others/Forms/InfoBox";
 import DatatableWrapper from "../Others/Tables/DatatableWrapper"
 import FixedTransactionRow from "./FixedTransactionRow"
 import FormLabel from "../Others/Forms/FormLabel"
diff --git a/resources/js/components/Subscription/UserTransactionsForMeteredBilling.vue b/resources/js/components/Subscription/UserTransactionsForMeteredBilling.vue
index 09ec3020..29a82300 100644
--- a/resources/js/components/Subscription/UserTransactionsForMeteredBilling.vue
+++ b/resources/js/components/Subscription/UserTransactionsForMeteredBilling.vue
@@ -32,7 +32,7 @@
 	import ColorLabel from "../Others/ColorLabel"
 	import DatatableWrapper from "../Others/Tables/DatatableWrapper"
 	import FormLabel from "../Others/Forms/FormLabel"
-	import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+	import InfoBox from "../Others/Forms/InfoBox";
 	import {mapGetters} from "vuex";
 	import MeteredTransactionDetailRow from "./MeteredTransactionDetailRow"
 	import MeteredTransactionRow from "./MeteredTransactionRow"
diff --git a/resources/js/components/Subscription/UserUpdatePaymentMethodsExternally.vue b/resources/js/components/Subscription/UserUpdatePaymentMethodsExternally.vue
index 24995d27..991a693e 100644
--- a/resources/js/components/Subscription/UserUpdatePaymentMethodsExternally.vue
+++ b/resources/js/components/Subscription/UserUpdatePaymentMethodsExternally.vue
@@ -14,7 +14,7 @@
 
 <script>
 	import AppInputSwitch from "../Admin/AppInputSwitch"
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+	import ButtonBase from "../FilesView/ButtonBase";
 	import FormLabel from "../Others/Forms/FormLabel"
 	import axios from "axios";
 	import {events} from "../../bus";
diff --git a/resources/js/components/Teams/Components/PermissionToggleButton.vue b/resources/js/components/Teams/Components/PermissionToggleButton.vue
index 38b48956..b596efaa 100644
--- a/resources/js/components/Teams/Components/PermissionToggleButton.vue
+++ b/resources/js/components/Teams/Components/PermissionToggleButton.vue
@@ -50,8 +50,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import "resources/sass/vuefilemanager/_inapp-forms.scss";
-	@import '/resources/sass/vuefilemanager/_forms';
+    @import "../../../../sass/vuefilemanager/inapp-forms";
+	@import '../../../../sass/vuefilemanager/forms';
 
 	.permission-toggle {
 		display: flex;
diff --git a/resources/js/components/Teams/CreateTeamFolderPopup.vue b/resources/js/components/Teams/CreateTeamFolderPopup.vue
index dc136b5c..fc9ba1ec 100644
--- a/resources/js/components/Teams/CreateTeamFolderPopup.vue
+++ b/resources/js/components/Teams/CreateTeamFolderPopup.vue
@@ -80,16 +80,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";
 
@@ -252,8 +252,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "resources/sass/vuefilemanager/_inapp-forms.scss";
-	@import '/resources/sass/vuefilemanager/_forms';
+    @import 'resources/sass/vuefilemanager/_inapp-forms.scss';
+	@import '../../../sass/vuefilemanager/forms';
 
 	.item-thumbnail {
 		margin-bottom: 20px;
diff --git a/resources/js/components/Teams/EditTeamFolderPopup.vue b/resources/js/components/Teams/EditTeamFolderPopup.vue
index cefc32e3..cd280698 100644
--- a/resources/js/components/Teams/EditTeamFolderPopup.vue
+++ b/resources/js/components/Teams/EditTeamFolderPopup.vue
@@ -227,8 +227,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "resources/sass/vuefilemanager/_inapp-forms.scss";
-	@import '/resources/sass/vuefilemanager/_forms';
+    @import '../../../sass/vuefilemanager/inapp-forms';
+	@import '../../../sass/vuefilemanager/forms';
 
 	.item-thumbnail {
 		margin-bottom: 20px;
diff --git a/resources/js/views/Admin.vue b/resources/js/views/Admin.vue
index 0dffd59a..d36cc02f 100644
--- a/resources/js/views/Admin.vue
+++ b/resources/js/views/Admin.vue
@@ -19,7 +19,7 @@
 		<MobileNavigationToolbar />
 
         <ContentSidebar>
-			<ContentGroup v-for="(menu, i) in nav" :title="menu.groupTitle" :slug="menu.groupTitle" :can-collapse="false">
+			<ContentGroup v-for="(menu, i) in nav" :key="i" :title="menu.groupTitle" :slug="menu.groupTitle" :can-collapse="false">
 				<router-link v-for="(item, i) in menu.groupLinks" :key="i" :to="{name: item.route}" class="flex items-center py-2.5" :class="{'router-link-active': item.linkActivation && item.linkActivation.includes($router.currentRoute.fullPath.split('/')[2])}">
 					<box-icon v-if="item.icon === 'box'" size="17" class="mr-2.5 vue-feather icon-active" />
 					<users-icon v-if="item.icon === 'users'" size="17" class="mr-2.5 vue-feather icon-active" />
@@ -44,15 +44,15 @@
 
 <script>
 	import MobileNavigationToolbar from "./MobileNavigationToolbar";
-    import FilePreview from '/resources/js/components/FilePreview/FilePreview'
-	import Spotlight from '/resources/js/components/Spotlight/Spotlight'
+    import FilePreview from "../components/FilePreview/FilePreview";
+	import Spotlight from "../components/Spotlight/Spotlight";
     import { DollarSignIcon, HelpCircleIcon, RefreshCwIcon, UsersIcon, SettingsIcon, FileTextIcon, CreditCardIcon, DatabaseIcon, BoxIcon, MonitorIcon, GlobeIcon } from 'vue-feather-icons'
-    import SidebarNavigation from '/resources/js/components/Sidebar/SidebarNavigation'
-    import MobileNavigation from '/resources/js/components/Others/MobileNavigation'
-    import ContentSidebar from '/resources/js/components/Sidebar/ContentSidebar'
-    import CreateLanguage from '/resources/js/components/Others/CreateLanguage'
-    import ContentGroup from '/resources/js/components/Sidebar/ContentGroup'
-    import ConfirmPopup from '/resources/js/components/Others/Popup/ConfirmPopup'
+    import SidebarNavigation from "../components/Sidebar/SidebarNavigation";
+    import MobileNavigation from "../components/Others/MobileNavigation";
+    import ContentSidebar from "../components/Sidebar/ContentSidebar";
+    import CreateLanguage from "../components/Others/CreateLanguage";
+    import ContentGroup from "../components/Sidebar/ContentGroup";
+    import ConfirmPopup from "../components/Others/Popup/ConfirmPopup";
     import { mapGetters } from 'vuex'
 
     export default {
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue
index 11f9937c..aa233fa8 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue
@@ -49,14 +49,14 @@
 	import AppInputSwitch from "../../../../components/Admin/AppInputSwitch";
 	import AppInputText from "../../../../components/Admin/AppInputText";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
-    import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-    import ImageInput from '/resources/js/components/Others/Forms/ImageInput'
-    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
-    import PageTab from '/resources/js/components/Others/Layout/PageTab'
-    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import PageTabGroup from "../../../../components/Others/Layout/PageTabGroup";
+    import SelectInput from "../../../../components/Others/Forms/SelectInput";
+    import ImageInput from "../../../../components/Others/Forms/ImageInput";
+    import FormLabel from "../../../../components/Others/Forms/FormLabel";
+    import ButtonBase from "../../../../components/FilesView/ButtonBase";
+    import SetupBox from "../../../../components/Others/Forms/SetupBox";
+    import PageTab from "../../../../components/Others/Layout/PageTab";
+    import InfoBox from "../../../../components/Others/Forms/InfoBox";
     import {required} from 'vee-validate/dist/rules'
     import axios from 'axios'
 
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Email.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Email.vue
index 472b7131..fd9d2521 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Email.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Email.vue
@@ -45,16 +45,16 @@
 <script>
 	import AppInputText from "../../../../components/Admin/AppInputText";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
-    import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-    import ImageInput from '/resources/js/components/Others/Forms/ImageInput'
-    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
-    import PageTab from '/resources/js/components/Others/Layout/PageTab'
-    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import PageTabGroup from "../../../../components/Others/Layout/PageTabGroup";
+    import SelectInput from "../../../../components/Others/Forms/SelectInput";
+    import ImageInput from "../../../../components/Others/Forms/ImageInput";
+    import FormLabel from "../../../../components/Others/Forms/FormLabel";
+    import ButtonBase from "../../../../components/FilesView/ButtonBase";
+    import SetupBox from "../../../../components/Others/Forms/SetupBox";
+    import PageTab from "../../../../components/Others/Layout/PageTab";
+    import InfoBox from "../../../../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 {
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue
index 38878398..3fe9bbd5 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue
@@ -246,15 +246,15 @@
 import AppInputSwitch from "../../../../components/Admin/AppInputSwitch";
 import AppInputText from "../../../../components/Admin/AppInputText";
 import { ValidationProvider, ValidationObserver } from 'vee-validate/dist/vee-validate.full'
-import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
-import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-import ImageInput from '/resources/js/components/Others/Forms/ImageInput'
-import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
-import PageTab from '/resources/js/components/Others/Layout/PageTab'
-import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+import PageTabGroup from "../../../../components/Others/Layout/PageTabGroup";
+import SelectInput from "../../../../components/Others/Forms/SelectInput";
+import SwitchInput from "../../../../components/Others/Forms/SwitchInput";
+import ImageInput from "../../../../components/Others/Forms/ImageInput";
+import FormLabel from "../../../../components/Others/Forms/FormLabel";
+import ButtonBase from "../../../../components/FilesView/ButtonBase";
+import SetupBox from "../../../../components/Others/Forms/SetupBox";
+import PageTab from "../../../../components/Others/Layout/PageTab";
+import InfoBox from "../../../../components/Others/Forms/InfoBox";
 import { required } from 'vee-validate/dist/rules'
 import axios from 'axios'
 import { mapGetters } from 'vuex'
@@ -324,9 +324,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
-@import '/resources/sass/vuefilemanager/_forms';
+@import '../../../../../sass/vuefilemanager/variables';
+@import '../../../../../sass/vuefilemanager/mixins';
+@import '../../../../../sass/vuefilemanager/forms';
 
 .block-form {
     max-width: 100%;
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Others.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Others.vue
index 15605c4a..2fd33823 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Others.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Others.vue
@@ -119,15 +119,15 @@
 		Edit2Icon,
 	} from 'vue-feather-icons'
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-	import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
+	import SwitchInput from "../../../../components/Others/Forms/SwitchInput";
 	import AppInputButton from "../../../../components/Admin/AppInputButton"
 	import AppInputSwitch from "../../../../components/Admin/AppInputSwitch"
-	import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+	import FormLabel from "../../../../components/Others/Forms/FormLabel";
+	import ButtonBase from "../../../../components/FilesView/ButtonBase";
 	import AppInputText from "../../../../components/Admin/AppInputText"
-	import PageTab from '/resources/js/components/Others/Layout/PageTab'
+	import PageTab from "../../../../components/Others/Layout/PageTab";
 	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'
 
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/SignInUp.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/SignInUp.vue
index 144063be..ed45f3de 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/SignInUp.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/SignInUp.vue
@@ -183,14 +183,14 @@
 		Edit2Icon,
 	} from 'vue-feather-icons'
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-	import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
+	import SwitchInput from "../../../../components/Others/Forms/SwitchInput";
 	import AppInputSwitch from "../../../../components/Admin/AppInputSwitch"
-	import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+	import FormLabel from "../../../../components/Others/Forms/FormLabel";
+	import ButtonBase from "../../../../components/FilesView/ButtonBase";
 	import AppInputText from "../../../../components/Admin/AppInputText"
-	import PageTab from '/resources/js/components/Others/Layout/PageTab'
+	import PageTab from "../../../../components/Others/Layout/PageTab";
 	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'
 
diff --git a/resources/js/views/Admin/Dashboard.vue b/resources/js/views/Admin/Dashboard.vue
index 7fb79711..d4d48f01 100644
--- a/resources/js/views/Admin/Dashboard.vue
+++ b/resources/js/views/Admin/Dashboard.vue
@@ -148,11 +148,11 @@
 </template>
 
 <script>
-    import WidgetLatestRegistrations from '/resources/js/components/Admin/WidgetLatestRegistrations'
-    import ColorLabel from '/resources/js/components/Others/ColorLabel'
+    import WidgetLatestRegistrations from "../../components/Admin/WidgetLatestRegistrations";
+    import ColorLabel from "../../components/Others/ColorLabel";
     import {ChevronRightIcon, ThumbsUpIcon} from "vue-feather-icons"
 	import WidgetWrapper from "../../components/Admin/WidgetWrapper"
-    import Spinner from '/resources/js/components/FilesView/Spinner'
+    import Spinner from "../../components/FilesView/Spinner";
 	import FormLabel from "../../components/Others/Forms/FormLabel"
 	import BarChart from "../../components/UI/BarChart"
     import { mapGetters } from 'vuex'
diff --git a/resources/js/views/Admin/Invoices.vue b/resources/js/views/Admin/Invoices.vue
index 4d2b59a4..5db843f6 100644
--- a/resources/js/views/Admin/Invoices.vue
+++ b/resources/js/views/Admin/Invoices.vue
@@ -38,8 +38,8 @@
 	import MeteredTransactionDetailRow from "../../components/Subscription/MeteredTransactionDetailRow";
 	import MeteredTransactionRow from "../../components/Subscription/MeteredTransactionRow";
 	import MemberAvatar from "../../components/FilesView/MemberAvatar"
-	import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
-	import ColorLabel from '/resources/js/components/Others/ColorLabel'
+	import DatatableWrapper from "../../components/Others/Tables/DatatableWrapper";
+	import ColorLabel from "../../components/Others/ColorLabel";
 	import {mapGetters} from 'vuex'
 
 	export default {
diff --git a/resources/js/views/Admin/Languages/Language.vue b/resources/js/views/Admin/Languages/Language.vue
index ea419f6b..6a19bcae 100644
--- a/resources/js/views/Admin/Languages/Language.vue
+++ b/resources/js/views/Admin/Languages/Language.vue
@@ -140,7 +140,7 @@
     import Spinner from "../../../components/FilesView/Spinner";
     import {PlusIcon, XIcon} from 'vue-feather-icons'
     import {debounce, omitBy} from 'lodash'
-    import {events} from '/resources/js/bus'
+    import {events} from '../../../bus'
 
     export default {
         name: 'Language',
diff --git a/resources/js/views/Admin/Pages.vue b/resources/js/views/Admin/Pages.vue
index 13b751bf..64d0a1b3 100644
--- a/resources/js/views/Admin/Pages.vue
+++ b/resources/js/views/Admin/Pages.vue
@@ -34,17 +34,17 @@
 </template>
 
 <script>
-    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
-    import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-    import EmptyPageContent from '/resources/js/components/Others/EmptyPageContent'
-    import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-    import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
-    import SectionTitle from '/resources/js/components/Others/SectionTitle'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import DatatableWrapper from "../../components/Others/Tables/DatatableWrapper";
+    import MobileActionButton from "../../components/FilesView/MobileActionButton";
+    import EmptyPageContent from "../../components/Others/EmptyPageContent";
+    import SwitchInput from "../../components/Others/Forms/SwitchInput";
+    import MobileHeader from "../../components/Mobile/MobileHeader";
+    import SectionTitle from "../../components/Others/SectionTitle";
+    import ButtonBase from "../../components/FilesView/ButtonBase";
     import {Trash2Icon, Edit2Icon} from "vue-feather-icons";
-    import PageHeader from '/resources/js/components/Others/PageHeader'
-    import ColorLabel from '/resources/js/components/Others/ColorLabel'
-    import Spinner from '/resources/js/components/FilesView/Spinner'
+    import PageHeader from "../../components/Others/PageHeader";
+    import ColorLabel from "../../components/Others/ColorLabel";
+    import Spinner from "../../components/FilesView/Spinner";
     import axios from 'axios'
 
     export default {
diff --git a/resources/js/views/Admin/Pages/PageEdit.vue b/resources/js/views/Admin/Pages/PageEdit.vue
index 5882a77c..5bedaf3d 100644
--- a/resources/js/views/Admin/Pages/PageEdit.vue
+++ b/resources/js/views/Admin/Pages/PageEdit.vue
@@ -34,14 +34,14 @@
 	import AppInputSwitch from "../../../components/Admin/AppInputSwitch";
 	import AppInputText from "../../../components/Admin/AppInputText";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import FormLabel from "../../../components/Others/Forms/FormLabel";
     import {required} from 'vee-validate/dist/rules'
-    import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-    import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
-    import SectionTitle from '/resources/js/components/Others/SectionTitle'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import PageHeader from '/resources/js/components/Others/PageHeader'
-    import Spinner from '/resources/js/components/FilesView/Spinner'
+    import SwitchInput from "../../../components/Others/Forms/SwitchInput";
+    import MobileHeader from "../../../components/Mobile/MobileHeader";
+    import SectionTitle from "../../../components/Others/SectionTitle";
+    import ButtonBase from "../../../components/FilesView/ButtonBase";
+    import PageHeader from "../../../components/Others/PageHeader";
+    import Spinner from "../../../components/FilesView/Spinner";
     import axios from 'axios'
 
     export default {
diff --git a/resources/js/views/Admin/PaymentSettings/PaymentSettingsTab/Billings.vue b/resources/js/views/Admin/PaymentSettings/PaymentSettingsTab/Billings.vue
index 7bd1bfa1..03d14fae 100644
--- a/resources/js/views/Admin/PaymentSettings/PaymentSettingsTab/Billings.vue
+++ b/resources/js/views/Admin/PaymentSettings/PaymentSettingsTab/Billings.vue
@@ -50,14 +50,14 @@
 <script>
 	import AppInputText from "../../../../components/Admin/AppInputText";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
-    import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-    import ImageInput from '/resources/js/components/Others/Forms/ImageInput'
-    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
-    import PageTab from '/resources/js/components/Others/Layout/PageTab'
-    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import PageTabGroup from "../../../../components/Others/Layout/PageTabGroup";
+    import SelectInput from "../../../../components/Others/Forms/SelectInput";
+    import ImageInput from "../../../../components/Others/Forms/ImageInput";
+    import FormLabel from "../../../../components/Others/Forms/FormLabel";
+    import ButtonBase from "../../../../components/FilesView/ButtonBase";
+    import SetupBox from "../../../../components/Others/Forms/SetupBox";
+    import PageTab from "../../../../components/Others/Layout/PageTab";
+    import InfoBox from "../../../../components/Others/Forms/InfoBox";
     import {required} from 'vee-validate/dist/rules'
     import axios from 'axios'
     import { mapGetters } from 'vuex'
diff --git a/resources/js/views/Admin/PaymentSettings/PaymentSettingsTab/Payments.vue b/resources/js/views/Admin/PaymentSettings/PaymentSettingsTab/Payments.vue
index 805eca7e..128785e9 100644
--- a/resources/js/views/Admin/PaymentSettings/PaymentSettingsTab/Payments.vue
+++ b/resources/js/views/Admin/PaymentSettings/PaymentSettingsTab/Payments.vue
@@ -232,20 +232,20 @@
 	import AppInputButton from "../../../../components/Admin/AppInputButton";
 	import DatatableWrapper from "../../../../components/Others/Tables/DatatableWrapper";
 	import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-	import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
-	import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-	import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-	import ImageInput from '/resources/js/components/Others/Forms/ImageInput'
+	import PageTabGroup from "../../../../components/Others/Layout/PageTabGroup";
+	import SelectInput from "../../../../components/Others/Forms/SelectInput";
+	import SwitchInput from "../../../../components/Others/Forms/SwitchInput";
+	import ImageInput from "../../../../components/Others/Forms/ImageInput";
 	import AppInputSwitch from "../../../../components/Admin/AppInputSwitch"
-	import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+	import FormLabel from "../../../../components/Others/Forms/FormLabel";
+	import ButtonBase from "../../../../components/FilesView/ButtonBase";
 	import CopyInput from "../../../../components/Others/Forms/CopyInput"
-	import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
+	import SetupBox from "../../../../components/Others/Forms/SetupBox";
 	import AppInputText from "../../../../components/Admin/AppInputText"
-	import PageTab from '/resources/js/components/Others/Layout/PageTab'
-	import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+	import PageTab from "../../../../components/Others/Layout/PageTab";
+	import InfoBox from "../../../../components/Others/Forms/InfoBox";
 	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'
 
diff --git a/resources/js/views/Admin/Plans.vue b/resources/js/views/Admin/Plans.vue
index d8ac5511..d6185ae5 100644
--- a/resources/js/views/Admin/Plans.vue
+++ b/resources/js/views/Admin/Plans.vue
@@ -131,10 +131,10 @@
 </template>
 
 <script>
-    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
-    import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-    import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import DatatableWrapper from "../../components/Others/Tables/DatatableWrapper";
+    import MobileActionButton from "../../components/FilesView/MobileActionButton";
+    import SwitchInput from "../../components/Others/Forms/SwitchInput";
+    import ButtonBase from "../../components/FilesView/ButtonBase";
 	import ColorLabel from "../../components/Others/ColorLabel";
     import {Trash2Icon, Edit2Icon} from "vue-feather-icons";
     import { mapGetters } from 'vuex'
diff --git a/resources/js/views/Admin/Plans/Create/CreateFixedPlan.vue b/resources/js/views/Admin/Plans/Create/CreateFixedPlan.vue
index bf181888..b970ee5f 100644
--- a/resources/js/views/Admin/Plans/Create/CreateFixedPlan.vue
+++ b/resources/js/views/Admin/Plans/Create/CreateFixedPlan.vue
@@ -83,17 +83,17 @@
 <script>
 	import AppInputText from "../../../../components/Admin/AppInputText";
 	import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-	import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-	import ImageInput from '/resources/js/components/Others/Forms/ImageInput'
-	import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
-	import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-	import SectionTitle from '/resources/js/components/Others/SectionTitle'
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-	import PageHeader from '/resources/js/components/Others/PageHeader'
-	import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+	import SelectInput from "../../../../components/Others/Forms/SelectInput";
+	import ImageInput from "../../../../components/Others/Forms/ImageInput";
+	import MobileHeader from "../../../../components/Mobile/MobileHeader";
+	import FormLabel from "../../../../components/Others/Forms/FormLabel";
+	import SectionTitle from "../../../../components/Others/SectionTitle";
+	import ButtonBase from "../../../../components/FilesView/ButtonBase";
+	import PageHeader from "../../../../components/Others/PageHeader";
+	import InfoBox from "../../../../components/Others/Forms/InfoBox";
 	import {required} from 'vee-validate/dist/rules'
 	import {mapGetters} from 'vuex'
-	import {events} from '/resources/js/bus'
+	import {events} from '../../../../bus'
 	import axios from 'axios'
 
 	export default {
diff --git a/resources/js/views/Admin/Plans/Create/CreateMeteredPlan.vue b/resources/js/views/Admin/Plans/Create/CreateMeteredPlan.vue
index 62c07d6f..bb67614b 100644
--- a/resources/js/views/Admin/Plans/Create/CreateMeteredPlan.vue
+++ b/resources/js/views/Admin/Plans/Create/CreateMeteredPlan.vue
@@ -97,17 +97,17 @@
 	import AppInputSwitch from "../../../../components/Admin/AppInputSwitch"
 	import AppInputText from "../../../../components/Admin/AppInputText"
 	import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-	import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-	import ImageInput from '/resources/js/components/Others/Forms/ImageInput'
-	import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
-	import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-	import SectionTitle from '/resources/js/components/Others/SectionTitle'
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-	import PageHeader from '/resources/js/components/Others/PageHeader'
-	import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+	import SelectInput from "../../../../components/Others/Forms/SelectInput";
+	import ImageInput from "../../../../components/Others/Forms/ImageInput";
+	import MobileHeader from "../../../../components/Mobile/MobileHeader";
+	import FormLabel from "../../../../components/Others/Forms/FormLabel";
+	import SectionTitle from "../../../../components/Others/SectionTitle";
+	import ButtonBase from "../../../../components/FilesView/ButtonBase";
+	import PageHeader from "../../../../components/Others/PageHeader";
+	import InfoBox from "../../../../components/Others/Forms/InfoBox";
 	import {required} from 'vee-validate/dist/rules'
 	import {mapGetters} from 'vuex'
-	import {events} from '/resources/js/bus'
+	import {events} from '../../../../bus'
 	import axios from 'axios'
 
 	export default {
diff --git a/resources/js/views/Admin/Plans/FixedPlan.vue b/resources/js/views/Admin/Plans/FixedPlan.vue
index 58592796..bf64cb19 100644
--- a/resources/js/views/Admin/Plans/FixedPlan.vue
+++ b/resources/js/views/Admin/Plans/FixedPlan.vue
@@ -24,7 +24,7 @@
 
 <script>
 	import CardNavigation from "../../../components/Admin/CardNavigation"
-	import Spinner from '/resources/js/components/FilesView/Spinner'
+	import Spinner from "../../../components/FilesView/Spinner";
 	import axios from 'axios'
 
 	export default {
diff --git a/resources/js/views/Admin/Plans/MeteredPlan.vue b/resources/js/views/Admin/Plans/MeteredPlan.vue
index 01e898a7..1b42b5d3 100644
--- a/resources/js/views/Admin/Plans/MeteredPlan.vue
+++ b/resources/js/views/Admin/Plans/MeteredPlan.vue
@@ -25,7 +25,7 @@
 
 <script>
 	import CardNavigation from "../../../components/Admin/CardNavigation"
-	import Spinner from '/resources/js/components/FilesView/Spinner'
+	import Spinner from "../../../components/FilesView/Spinner";
 	import axios from 'axios'
 	import {mapGetters} from "vuex";
 
diff --git a/resources/js/views/Admin/Plans/Tabs/PlanDelete.vue b/resources/js/views/Admin/Plans/Tabs/PlanDelete.vue
index ea9fba17..316654fe 100644
--- a/resources/js/views/Admin/Plans/Tabs/PlanDelete.vue
+++ b/resources/js/views/Admin/Plans/Tabs/PlanDelete.vue
@@ -20,12 +20,12 @@
 
 <script>
 	import AppInputText from "../../../../components/Admin/AppInputText";
-    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import FormLabel from "../../../../components/Others/Forms/FormLabel";
+    import InfoBox from "../../../../components/Others/Forms/InfoBox";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import ButtonBase from "../../../../components/FilesView/ButtonBase";
     import {required, is} from 'vee-validate/dist/rules'
-    import {events} from '/resources/js/bus'
+    import {events} from '../../../../bus'
     import axios from 'axios'
 
     export default {
diff --git a/resources/js/views/Admin/Plans/Tabs/PlanFixedSettings.vue b/resources/js/views/Admin/Plans/Tabs/PlanFixedSettings.vue
index c46c1086..2506b5ef 100644
--- a/resources/js/views/Admin/Plans/Tabs/PlanFixedSettings.vue
+++ b/resources/js/views/Admin/Plans/Tabs/PlanFixedSettings.vue
@@ -43,12 +43,12 @@
 </template>
 
 <script>
-    import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-    import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
+    import SwitchInput from "../../../../components/Others/Forms/SwitchInput";
+    import SelectInput from "../../../../components/Others/Forms/SelectInput";
 	import AppInputSwitch from "../../../../components/Admin/AppInputSwitch"
-    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import FormLabel from "../../../../components/Others/Forms/FormLabel";
 	import AppInputText from "../../../../components/Admin/AppInputText"
-    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import InfoBox from "../../../../components/Others/Forms/InfoBox";
 
     export default {
         name: 'PlanFixedSettings',
diff --git a/resources/js/views/Admin/Plans/Tabs/PlanMeteredSettings.vue b/resources/js/views/Admin/Plans/Tabs/PlanMeteredSettings.vue
index 6c26bfdd..2e6cee46 100644
--- a/resources/js/views/Admin/Plans/Tabs/PlanMeteredSettings.vue
+++ b/resources/js/views/Admin/Plans/Tabs/PlanMeteredSettings.vue
@@ -48,12 +48,12 @@
 </template>
 
 <script>
-    import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-    import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
+    import SwitchInput from "../../../../components/Others/Forms/SwitchInput";
+    import SelectInput from "../../../../components/Others/Forms/SelectInput";
 	import AppInputSwitch from "../../../../components/Admin/AppInputSwitch"
-    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import FormLabel from "../../../../components/Others/Forms/FormLabel";
 	import AppInputText from "../../../../components/Admin/AppInputText"
-    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import InfoBox from "../../../../components/Others/Forms/InfoBox";
 
     export default {
         name: 'PlanMeteredSettings',
diff --git a/resources/js/views/Admin/Plans/Tabs/PlanSubscribers.vue b/resources/js/views/Admin/Plans/Tabs/PlanSubscribers.vue
index 54f61393..6eed50f4 100644
--- a/resources/js/views/Admin/Plans/Tabs/PlanSubscribers.vue
+++ b/resources/js/views/Admin/Plans/Tabs/PlanSubscribers.vue
@@ -89,13 +89,12 @@
 <script>
 	import ColorLabel from "../../../../components/Others/ColorLabel";
 	import MemberAvatar from "../../../../components/FilesView/MemberAvatar";
-    import DatatableCellImage from '/resources/js/components/Others/Tables/DatatableCellImage'
+    import DatatableCellImage from "../../../../components/Others/Tables/DatatableCellImage";
     import {DownloadCloudIcon, Edit2Icon, Trash2Icon} from "vue-feather-icons"
-    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
-    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
-    import PageTab from '/resources/js/components/Others/Layout/PageTab'
-    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
-    import axios from 'axios'
+    import DatatableWrapper from "../../../../components/Others/Tables/DatatableWrapper";
+    import PageTabGroup from "../../../../components/Others/Layout/PageTabGroup";
+    import PageTab from "../../../../components/Others/Layout/PageTab";
+    import InfoBox from "../../../../components/Others/Forms/InfoBox";
 	import {mapGetters} from "vuex";
 
     export default {
diff --git a/resources/js/views/Admin/Subscriptions.vue b/resources/js/views/Admin/Subscriptions.vue
index f782d302..3d655bd7 100644
--- a/resources/js/views/Admin/Subscriptions.vue
+++ b/resources/js/views/Admin/Subscriptions.vue
@@ -74,7 +74,7 @@
 <script>
 	import ColorLabel from "../../components/Others/ColorLabel";
 	import MemberAvatar from "../../components/FilesView/MemberAvatar";
-    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
+    import DatatableWrapper from "../../components/Others/Tables/DatatableWrapper";
     import { mapGetters } from 'vuex'
 
     export default {
diff --git a/resources/js/views/Admin/Users.vue b/resources/js/views/Admin/Users.vue
index 99cc689d..a670b2a8 100644
--- a/resources/js/views/Admin/Users.vue
+++ b/resources/js/views/Admin/Users.vue
@@ -202,15 +202,15 @@
 
 <script>
 	import MemberAvatar from "../../components/FilesView/MemberAvatar";
-    import DatatableCellImage from '/resources/js/components/Others/Tables/DatatableCellImage'
-    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
-    import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-    import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
-    import SectionTitle from '/resources/js/components/Others/SectionTitle'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import PageHeader from '/resources/js/components/Others/PageHeader'
-    import ColorLabel from '/resources/js/components/Others/ColorLabel'
-    import Spinner from '/resources/js/components/FilesView/Spinner'
+    import DatatableCellImage from "../../components/Others/Tables/DatatableCellImage";
+    import DatatableWrapper from "../../components/Others/Tables/DatatableWrapper";
+    import MobileActionButton from "../../components/FilesView/MobileActionButton";
+    import MobileHeader from "../../components/Mobile/MobileHeader";
+    import SectionTitle from "../../components/Others/SectionTitle";
+    import ButtonBase from "../../components/FilesView/ButtonBase";
+    import PageHeader from "../../components/Others/PageHeader";
+    import ColorLabel from "../../components/Others/ColorLabel";
+    import Spinner from "../../components/FilesView/Spinner";
     import {Trash2Icon, Edit2Icon} from "vue-feather-icons";
     import {mapGetters} from "vuex"
     import axios from 'axios'
diff --git a/resources/js/views/Admin/Users/User.vue b/resources/js/views/Admin/Users/User.vue
index fada0a98..e40b3061 100644
--- a/resources/js/views/Admin/Users/User.vue
+++ b/resources/js/views/Admin/Users/User.vue
@@ -44,12 +44,12 @@
 <script>
 	import CardNavigation from "../../../components/Admin/CardNavigation";
     import {UserIcon, HardDriveIcon, LockIcon, Trash2Icon, FileTextIcon, CreditCardIcon} from 'vue-feather-icons'
-    import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
-    import SectionTitle from '/resources/js/components/Others/SectionTitle'
-    import PageHeader from '/resources/js/components/Others/PageHeader'
-    import ColorLabel from '/resources/js/components/Others/ColorLabel'
-    import Spinner from '/resources/js/components/FilesView/Spinner'
-	import {events} from '/resources/js/bus'
+    import MobileHeader from "../../../components/Mobile/MobileHeader";
+    import SectionTitle from "../../../components/Others/SectionTitle";
+    import PageHeader from "../../../components/Others/PageHeader";
+    import ColorLabel from "../../../components/Others/ColorLabel";
+    import Spinner from "../../../components/FilesView/Spinner";
+	import {events} from '../../../bus'
     import {mapGetters} from 'vuex'
     import axios from 'axios'
 
diff --git a/resources/js/views/Admin/Users/UserCreate.vue b/resources/js/views/Admin/Users/UserCreate.vue
index 63836110..085c7631 100644
--- a/resources/js/views/Admin/Users/UserCreate.vue
+++ b/resources/js/views/Admin/Users/UserCreate.vue
@@ -66,16 +66,16 @@
 <script>
 	import AppInputText from "../../../components/Admin/AppInputText";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-    import ImageInput from '/resources/js/components/Others/Forms/ImageInput'
-    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-    import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
-    import SectionTitle from '/resources/js/components/Others/SectionTitle'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import PageHeader from '/resources/js/components/Others/PageHeader'
+    import SelectInput from "../../../components/Others/Forms/SelectInput";
+    import ImageInput from "../../../components/Others/Forms/ImageInput";
+    import FormLabel from "../../../components/Others/Forms/FormLabel";
+    import MobileHeader from "../../../components/Mobile/MobileHeader";
+    import SectionTitle from "../../../components/Others/SectionTitle";
+    import ButtonBase from "../../../components/FilesView/ButtonBase";
+    import PageHeader from "../../../components/Others/PageHeader";
     import {required} from 'vee-validate/dist/rules'
     import { mapGetters } from 'vuex'
-    import {events} from '/resources/js/bus'
+    import {events} from '../../../bus'
     import axios from 'axios'
 
     export default {
diff --git a/resources/js/views/Admin/Users/UserTabs/UserDelete.vue b/resources/js/views/Admin/Users/UserTabs/UserDelete.vue
index a793c5c8..cd31c007 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserDelete.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserDelete.vue
@@ -25,16 +25,16 @@
 
 <script>
 	import AppInputText from "../../../../components/Admin/AppInputText";
-    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import FormLabel from "../../../../components/Others/Forms/FormLabel";
+    import InfoBox from "../../../../components/Others/Forms/InfoBox";
 
-    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
-    import PageTab from '/resources/js/components/Others/Layout/PageTab'
+    import PageTabGroup from "../../../../components/Others/Layout/PageTabGroup";
+    import PageTab from "../../../../components/Others/Layout/PageTab";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
+    import ButtonBase from "../../../../components/FilesView/ButtonBase";
+    import SetupBox from "../../../../components/Others/Forms/SetupBox";
     import {required, is} from 'vee-validate/dist/rules'
-    import {events} from '/resources/js/bus'
+    import {events} from '../../../../bus'
     import axios from 'axios'
 
     export default {
diff --git a/resources/js/views/Admin/Users/UserTabs/UserDetail.vue b/resources/js/views/Admin/Users/UserTabs/UserDetail.vue
index 6be2f0e8..cb09a8de 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserDetail.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserDetail.vue
@@ -113,17 +113,17 @@
 
 <script>
 	import AppInputText from "../../../../components/Admin/AppInputText";
-    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
-    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
-    import PageTab from '/resources/js/components/Others/Layout/PageTab'
+    import InfoBox from "../../../../components/Others/Forms/InfoBox";
+    import PageTabGroup from "../../../../components/Others/Layout/PageTabGroup";
+    import PageTab from "../../../../components/Others/Layout/PageTab";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
+    import SelectInput from "../../../../components/Others/Forms/SelectInput";
+    import FormLabel from "../../../../components/Others/Forms/FormLabel";
+    import ButtonBase from "../../../../components/FilesView/ButtonBase";
+    import SetupBox from "../../../../components/Others/Forms/SetupBox";
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
-    import {events} from '/resources/js/bus'
+    import {events} from '../../../../bus'
     import axios from 'axios'
 
     export default {
diff --git a/resources/js/views/Admin/Users/UserTabs/UserPassword.vue b/resources/js/views/Admin/Users/UserTabs/UserPassword.vue
index 5d614536..162e3ac3 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserPassword.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserPassword.vue
@@ -16,15 +16,15 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
+    import PageTabGroup from "../../../../components/Others/Layout/PageTabGroup";
 	import AppInputSwitch from "../../../../components/Admin/AppInputSwitch"
-    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
-    import PageTab from '/resources/js/components/Others/Layout/PageTab'
-    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import FormLabel from "../../../../components/Others/Forms/FormLabel";
+    import ButtonBase from "../../../../components/FilesView/ButtonBase";
+    import SetupBox from "../../../../components/Others/Forms/SetupBox";
+    import PageTab from "../../../../components/Others/Layout/PageTab";
+    import InfoBox from "../../../../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'
 	import AppInputText from "../../../../components/Admin/AppInputText";
 
diff --git a/resources/js/views/Admin/Users/UserTabs/UserStorage.vue b/resources/js/views/Admin/Users/UserTabs/UserStorage.vue
index 1c2d82aa..cfc9f79f 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserStorage.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserStorage.vue
@@ -83,16 +83,16 @@
 <script>
 	import ProgressLine from "../../../../components/Admin/ProgressLine";
 	import AppInputText from "../../../../components/Admin/AppInputText";
-    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
-    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
-    import PageTab from '/resources/js/components/Others/Layout/PageTab'
+    import FormLabel from "../../../../components/Others/Forms/FormLabel";
+    import InfoBox from "../../../../components/Others/Forms/InfoBox";
+    import PageTabGroup from "../../../../components/Others/Layout/PageTabGroup";
+    import PageTab from "../../../../components/Others/Layout/PageTab";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
+    import ButtonBase from "../../../../components/FilesView/ButtonBase";
+    import SetupBox from "../../../../components/Others/Forms/SetupBox";
     import {required} from 'vee-validate/dist/rules'
 	import BarChart from "../../../../components/UI/BarChart"
-    import {events} from '/resources/js/bus'
+    import {events} from '../../../../bus'
     import {mapGetters} from "vuex"
     import axios from 'axios'
 
diff --git a/resources/js/views/Admin/Users/UserTabs/UserSubscription.vue b/resources/js/views/Admin/Users/UserTabs/UserSubscription.vue
index 00c7abed..901325b2 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserSubscription.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserSubscription.vue
@@ -67,10 +67,10 @@
 	import MeteredTransactionDetailRow from "../../../../components/Subscription/MeteredTransactionDetailRow"
 	import MeteredTransactionRow from "../../../../components/Subscription/MeteredTransactionRow"
 	import FixedTransactionRow from "../../../../components/Subscription/FixedTransactionRow"
-	import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
+	import DatatableWrapper from "../../../../components/Others/Tables/DatatableWrapper";
 	import FormLabel from "../../../../components/Others/Forms/FormLabel"
-	import PageTab from '/resources/js/components/Others/Layout/PageTab'
-	import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+	import PageTab from "../../../../components/Others/Layout/PageTab";
+	import InfoBox from "../../../../components/Others/Forms/InfoBox";
 	import UserMeteredSubscription from "./UserMeteredSubscription"
 	import UserFixedSubscription from "./UserFixedSubscription"
 	import {mapGetters} from "vuex"
diff --git a/resources/js/views/Auth/CreateNewPassword.vue b/resources/js/views/Auth/CreateNewPassword.vue
index 2d59409a..0d8a037c 100644
--- a/resources/js/views/Auth/CreateNewPassword.vue
+++ b/resources/js/views/Auth/CreateNewPassword.vue
@@ -69,10 +69,10 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
+    import AuthContentWrapper from "../../components/Auth/AuthContentWrapper";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import AuthContent from '/resources/js/components/Auth/AuthContent'
-    import AuthButton from '/resources/js/components/Auth/AuthButton'
+    import AuthContent from "../../components/Auth/AuthContent";
+    import AuthButton from "../../components/Auth/AuthButton";
     import {required} from 'vee-validate/dist/rules'
 	import Headline from "./Headline";
     import {mapGetters} from 'vuex'
diff --git a/resources/js/views/Auth/ForgottenPassword.vue b/resources/js/views/Auth/ForgottenPassword.vue
index 026da071..5361b9d6 100644
--- a/resources/js/views/Auth/ForgottenPassword.vue
+++ b/resources/js/views/Auth/ForgottenPassword.vue
@@ -44,9 +44,9 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
-    import AuthContent from '/resources/js/components/Auth/AuthContent'
-    import AuthButton from '/resources/js/components/Auth/AuthButton'
+    import AuthContentWrapper from "../../components/Auth/AuthContentWrapper";
+    import AuthContent from "../../components/Auth/AuthContent";
+    import AuthButton from "../../components/Auth/AuthButton";
     import {required} from 'vee-validate/dist/rules'
 	import Headline from "./Headline";
     import {mapGetters} from 'vuex'
diff --git a/resources/js/views/Auth/SignIn.vue b/resources/js/views/Auth/SignIn.vue
index abaea65c..de92f8e8 100644
--- a/resources/js/views/Auth/SignIn.vue
+++ b/resources/js/views/Auth/SignIn.vue
@@ -132,14 +132,14 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
+    import AuthContentWrapper from "../../components/Auth/AuthContentWrapper";
 	import {ValidationObserver, ValidationProvider} from 'vee-validate/dist/vee-validate.full'
-	import SocialiteAuthenticationButtons from '/resources/js/components/Auth/SocialiteAuthenticationButtons'
-	import AuthContent from '/resources/js/components/Auth/AuthContent'
-	import AuthButton from '/resources/js/components/Auth/AuthButton'
-	import Spinner from '/resources/js/components/FilesView/Spinner'
+	import SocialiteAuthenticationButtons from "../../components/Auth/SocialiteAuthenticationButtons";
+	import AuthContent from "../../components/Auth/AuthContent";
+	import AuthButton from "../../components/Auth/AuthButton";
+	import Spinner from "../../components/FilesView/Spinner";
 	import {mapGetters} from 'vuex'
-	import {events} from '/resources/js/bus'
+	import {events} from '../../bus'
 	import axios from 'axios'
 	import Headline from "./Headline";
 
diff --git a/resources/js/views/Auth/SignUp.vue b/resources/js/views/Auth/SignUp.vue
index 14fbacb3..cf105e41 100644
--- a/resources/js/views/Auth/SignUp.vue
+++ b/resources/js/views/Auth/SignUp.vue
@@ -76,14 +76,14 @@
 
 <script>
 	import Headline from "./Headline";
-    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
+    import AuthContentWrapper from "../../components/Auth/AuthContentWrapper";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import AuthContent from '/resources/js/components/Auth/AuthContent'
-    import AuthButton from '/resources/js/components/Auth/AuthButton'
-    import SocialiteAuthenticationButtons from '/resources/js/components/Auth/SocialiteAuthenticationButtons'
+    import AuthContent from "../../components/Auth/AuthContent";
+    import AuthButton from "../../components/Auth/AuthButton";
+    import SocialiteAuthenticationButtons from "../../components/Auth/SocialiteAuthenticationButtons";
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
-    import {events} from '/resources/js/bus'
+    import {events} from '../../bus'
     import axios from 'axios'
 
     export default {
diff --git a/resources/js/views/Auth/SocialiteCallback.vue b/resources/js/views/Auth/SocialiteCallback.vue
index 8d3102b2..76ee9a7c 100644
--- a/resources/js/views/Auth/SocialiteCallback.vue
+++ b/resources/js/views/Auth/SocialiteCallback.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script>
-import Spinner from '/resources/js/components/FilesView/Spinner'
+import Spinner from "../../components/FilesView/Spinner";
 import {events} from "../../bus";
 
 export default {
diff --git a/resources/js/views/Auth/SuccessfullyEmailVerified.vue b/resources/js/views/Auth/SuccessfullyEmailVerified.vue
index 7714123b..85f5c96a 100644
--- a/resources/js/views/Auth/SuccessfullyEmailVerified.vue
+++ b/resources/js/views/Auth/SuccessfullyEmailVerified.vue
@@ -14,9 +14,9 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
-    import AuthContent from '/resources/js/components/Auth/AuthContent'
-    import AuthButton from '/resources/js/components/Auth/AuthButton'
+    import AuthContentWrapper from "../../components/Auth/AuthContentWrapper";
+    import AuthContent from "../../components/Auth/AuthContent";
+    import AuthButton from "../../components/Auth/AuthButton";
 	import Headline from "./Headline";
 
     export default {
diff --git a/resources/js/views/Auth/SuccessfullySendEmail.vue b/resources/js/views/Auth/SuccessfullySendEmail.vue
index 79b4b28c..afd17c18 100644
--- a/resources/js/views/Auth/SuccessfullySendEmail.vue
+++ b/resources/js/views/Auth/SuccessfullySendEmail.vue
@@ -16,9 +16,9 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
-    import AuthContent from '/resources/js/components/Auth/AuthContent'
-    import AuthButton from '/resources/js/components/Auth/AuthButton'
+    import AuthContentWrapper from "../../components/Auth/AuthContentWrapper";
+    import AuthContent from "../../components/Auth/AuthContent";
+    import AuthButton from "../../components/Auth/AuthButton";
 	import Headline from "./Headline"
 
     export default {
diff --git a/resources/js/views/FileView/Components/NavigationSharePanel.vue b/resources/js/views/FileView/Components/NavigationSharePanel.vue
index d47da453..5f67e88d 100644
--- a/resources/js/views/FileView/Components/NavigationSharePanel.vue
+++ b/resources/js/views/FileView/Components/NavigationSharePanel.vue
@@ -23,9 +23,9 @@
 
 <script>
 	import {FolderIcon, HomeIcon, LinkIcon, Trash2Icon, UploadCloudIcon, UserCheckIcon, UsersIcon, XIcon} from "vue-feather-icons";
-	import TreeMenuNavigator from '/resources/js/components/Others/TreeMenuNavigator'
-	import ContentSidebar from '/resources/js/components/Sidebar/ContentSidebar'
-	import ContentGroup from '/resources/js/components/Sidebar/ContentGroup'
+	import TreeMenuNavigator from "../../../components/Others/TreeMenuNavigator";
+	import ContentSidebar from "../../../components/Sidebar/ContentSidebar";
+	import ContentGroup from "../../../components/Sidebar/ContentGroup";
 	import {events} from "../../../bus";
 	import {mapGetters} from "vuex";
 
diff --git a/resources/js/views/FileView/Components/PanelNavigationFiles.vue b/resources/js/views/FileView/Components/PanelNavigationFiles.vue
index 2f41533c..c55f65e6 100644
--- a/resources/js/views/FileView/Components/PanelNavigationFiles.vue
+++ b/resources/js/views/FileView/Components/PanelNavigationFiles.vue
@@ -7,7 +7,7 @@
 		</div>
 
 		<!--Locations-->
-		<ContentGroup v-for="(menu, i) in nav" :title="menu.groupTitle" :slug="menu.groupTitle" :can-collapse="menu.groupCollapsable">
+		<ContentGroup v-for="(menu, i) in nav" :key="i" :title="menu.groupTitle" :slug="menu.groupTitle" :can-collapse="menu.groupCollapsable">
 			<router-link v-for="(item, i) in menu.groupLinks" :key="i" @click.native="resetData" :to="{name: item.route}" class="flex items-center py-2.5">
 				<home-icon v-if="item.icon === 'home'" size="17" class="mr-2.5 vue-feather icon-active"/>
 				<upload-cloud-icon v-if="item.icon === 'upload-cloud'" size="17" class="mr-2.5 vue-feather icon-active" />
@@ -57,9 +57,9 @@
 
 <script>
 	import { ChevronsLeftIcon, FolderIcon, HomeIcon, LinkIcon, Trash2Icon, UploadCloudIcon, UserCheckIcon, UsersIcon, XIcon} from "vue-feather-icons";
-	import TreeMenuNavigator from '/resources/js/components/Others/TreeMenuNavigator'
-	import ContentSidebar from '/resources/js/components/Sidebar/ContentSidebar'
-	import ContentGroup from '/resources/js/components/Sidebar/ContentGroup'
+	import TreeMenuNavigator from "../../../components/Others/TreeMenuNavigator";
+	import ContentSidebar from "../../../components/Sidebar/ContentSidebar";
+	import ContentGroup from "../../../components/Sidebar/ContentGroup";
 	import {events} from "../../../bus";
 	import {mapGetters} from "vuex";
 
diff --git a/resources/js/views/FileView/Files.vue b/resources/js/views/FileView/Files.vue
index 68270b5e..8075c404 100644
--- a/resources/js/views/FileView/Files.vue
+++ b/resources/js/views/FileView/Files.vue
@@ -118,18 +118,18 @@
 <script>
 	import EmptyFilePage from "../../components/FilesView/EmptyFilePage";
 	import FileActionsMobile from "../../components/FilesView/FileActionsMobile";
-    import MobileActionButtonUpload from '/resources/js/components/FilesView/MobileActionButtonUpload'
-	import MobileMultiSelectToolbar from "/resources/js/components/FilesView/MobileMultiSelectToolbar"
-	import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-	import MobileContextMenu from "/resources/js/components/FilesView/MobileContextMenu"
-	import MobileCreateMenu from '/resources/js/components/FilesView/MobileCreateMenu'
-    import ButtonUpload from '/resources/js/components/FilesView/ButtonUpload'
-	import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
-	import OptionUpload from '/resources/js/components/FilesView/OptionUpload'
-	import FileBrowser from '/resources/js/components/FilesView/FileBrowser'
-	import ContextMenu from '/resources/js/components/FilesView/ContextMenu'
-	import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
-	import Option from '/resources/js/components/FilesView/Option'
+    import MobileActionButtonUpload from "../../components/FilesView/MobileActionButtonUpload";
+	import MobileMultiSelectToolbar from "../../components/FilesView/MobileMultiSelectToolbar";
+	import MobileActionButton from "../../components/FilesView/MobileActionButton";
+	import MobileContextMenu from "../../components/FilesView/MobileContextMenu";
+	import MobileCreateMenu from "../../components/FilesView/MobileCreateMenu";
+    import ButtonUpload from "../../components/FilesView/ButtonUpload";
+	import ToolbarButton from "../../components/FilesView/ToolbarButton";
+	import OptionUpload from "../../components/FilesView/OptionUpload";
+	import FileBrowser from "../../components/FilesView/FileBrowser";
+	import ContextMenu from "../../components/FilesView/ContextMenu";
+	import OptionGroup from "../../components/FilesView/OptionGroup";
+	import Option from "../../components/FilesView/Option";
 	import { mapGetters } from 'vuex'
 	import {events} from "../../bus";
 
diff --git a/resources/js/views/FileView/MySharedItems.vue b/resources/js/views/FileView/MySharedItems.vue
index 3530d5fa..5d2e3305 100644
--- a/resources/js/views/FileView/MySharedItems.vue
+++ b/resources/js/views/FileView/MySharedItems.vue
@@ -79,15 +79,15 @@
 <script>
 	import EmptyFilePage from "../../components/FilesView/EmptyFilePage";
 	import FileActionsMobile from "../../components/FilesView/FileActionsMobile";
-    import MobileActionButtonUpload from '/resources/js/components/FilesView/MobileActionButtonUpload'
-	import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-	import MobileMultiSelectToolbar from "/resources/js/components/FilesView/MobileMultiSelectToolbar"
-	import MobileContextMenu from "/resources/js/components/FilesView/MobileContextMenu"
-	import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
-	import FileBrowser from '/resources/js/components/FilesView/FileBrowser'
-	import ContextMenu from '/resources/js/components/FilesView/ContextMenu'
-	import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
-	import Option from '/resources/js/components/FilesView/Option'
+    import MobileActionButtonUpload from "../../components/FilesView/MobileActionButtonUpload";
+	import MobileActionButton from "../../components/FilesView/MobileActionButton";
+	import MobileMultiSelectToolbar from "../../components/FilesView/MobileMultiSelectToolbar";
+	import MobileContextMenu from "../../components/FilesView/MobileContextMenu";
+	import ToolbarButton from "../../components/FilesView/ToolbarButton";
+	import FileBrowser from "../../components/FilesView/FileBrowser";
+	import ContextMenu from "../../components/FilesView/ContextMenu";
+	import OptionGroup from "../../components/FilesView/OptionGroup";
+	import Option from "../../components/FilesView/Option";
 	import { mapGetters } from 'vuex'
 	import {events} from "../../bus";
 
diff --git a/resources/js/views/FileView/Public.vue b/resources/js/views/FileView/Public.vue
index d291012a..f3fd4136 100644
--- a/resources/js/views/FileView/Public.vue
+++ b/resources/js/views/FileView/Public.vue
@@ -127,17 +127,17 @@
 <script>
 	import EmptyFilePage from "../../components/FilesView/EmptyFilePage";
 	import FileActionsMobile from "../../components/FilesView/FileActionsMobile";
-	import MobileMultiSelectToolbar from "/resources/js/components/FilesView/MobileMultiSelectToolbar"
-	import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-	import MobileContextMenu from "/resources/js/components/FilesView/MobileContextMenu"
-	import MobileCreateMenu from '/resources/js/components/FilesView/MobileCreateMenu'
-	import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
-	import OptionUpload from '/resources/js/components/FilesView/OptionUpload'
-    import ButtonUpload from '/resources/js/components/FilesView/ButtonUpload'
-	import FileBrowser from '/resources/js/components/FilesView/FileBrowser'
-	import ContextMenu from '/resources/js/components/FilesView/ContextMenu'
-	import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
-	import Option from '/resources/js/components/FilesView/Option'
+	import MobileMultiSelectToolbar from "../../components/FilesView/MobileMultiSelectToolbar";
+	import MobileActionButton from "../../components/FilesView/MobileActionButton";
+	import MobileContextMenu from "../../components/FilesView/MobileContextMenu";
+	import MobileCreateMenu from "../../components/FilesView/MobileCreateMenu";
+	import ToolbarButton from "../../components/FilesView/ToolbarButton";
+	import OptionUpload from "../../components/FilesView/OptionUpload";
+    import ButtonUpload from "../../components/FilesView/ButtonUpload";
+	import FileBrowser from "../../components/FilesView/FileBrowser";
+	import ContextMenu from "../../components/FilesView/ContextMenu";
+	import OptionGroup from "../../components/FilesView/OptionGroup";
+	import Option from "../../components/FilesView/Option";
 	import {events} from "../../bus"
 	import { mapGetters } from 'vuex'
 
diff --git a/resources/js/views/FileView/RecentUploads.vue b/resources/js/views/FileView/RecentUploads.vue
index 22d82642..505ab8ff 100644
--- a/resources/js/views/FileView/RecentUploads.vue
+++ b/resources/js/views/FileView/RecentUploads.vue
@@ -81,16 +81,16 @@
 <script>
 	import EmptyFilePage from "../../components/FilesView/EmptyFilePage";
 	import FileActionsMobile from "../../components/FilesView/FileActionsMobile";
-    import MobileActionButtonUpload from '/resources/js/components/FilesView/MobileActionButtonUpload'
-	import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-	import MobileMultiSelectToolbar from "/resources/js/components/FilesView/MobileMultiSelectToolbar"
-	import MobileContextMenu from "/resources/js/components/FilesView/MobileContextMenu"
-	import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
-	import ButtonUpload from '/resources/js/components/FilesView/ButtonUpload'
-	import FileBrowser from '/resources/js/components/FilesView/FileBrowser'
-	import ContextMenu from '/resources/js/components/FilesView/ContextMenu'
-	import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
-	import Option from '/resources/js/components/FilesView/Option'
+    import MobileActionButtonUpload from "../../components/FilesView/MobileActionButtonUpload";
+	import MobileActionButton from "../../components/FilesView/MobileActionButton";
+	import MobileMultiSelectToolbar from "../../components/FilesView/MobileMultiSelectToolbar";
+	import MobileContextMenu from "../../components/FilesView/MobileContextMenu";
+	import ToolbarButton from "../../components/FilesView/ToolbarButton";
+	import ButtonUpload from "../../components/FilesView/ButtonUpload";
+	import FileBrowser from "../../components/FilesView/FileBrowser";
+	import ContextMenu from "../../components/FilesView/ContextMenu";
+	import OptionGroup from "../../components/FilesView/OptionGroup";
+	import Option from "../../components/FilesView/Option";
 	import { mapGetters } from 'vuex'
 	import {events} from "../../bus";
 
diff --git a/resources/js/views/FileView/SharedWithMe.vue b/resources/js/views/FileView/SharedWithMe.vue
index d2f5f0db..16bb990f 100644
--- a/resources/js/views/FileView/SharedWithMe.vue
+++ b/resources/js/views/FileView/SharedWithMe.vue
@@ -126,19 +126,19 @@
 	import MobileTeamContextMenu from "../../components/FilesView/MobileTeamContextMenu";
 	import EmptyFilePage from "../../components/FilesView/EmptyFilePage";
 	import FileActionsMobile from "../../components/FilesView/FileActionsMobile";
-    import MobileActionButtonUpload from '/resources/js/components/FilesView/MobileActionButtonUpload'
-	import MobileMultiSelectToolbar from "/resources/js/components/FilesView/MobileMultiSelectToolbar"
-	import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-	import MobileContextMenu from "/resources/js/components/FilesView/MobileContextMenu"
-	import MobileCreateMenu from '/resources/js/components/FilesView/MobileCreateMenu'
-    import ButtonUpload from '/resources/js/components/FilesView/ButtonUpload'
-	import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
-	import OptionUpload from '/resources/js/components/FilesView/OptionUpload'
-	import FileBrowser from '/resources/js/components/FilesView/FileBrowser'
-	import ContextMenu from '/resources/js/components/FilesView/ContextMenu'
-	import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-	import Option from '/resources/js/components/FilesView/Option'
+    import MobileActionButtonUpload from "../../components/FilesView/MobileActionButtonUpload";
+	import MobileMultiSelectToolbar from "../../components/FilesView/MobileMultiSelectToolbar";
+	import MobileActionButton from "../../components/FilesView/MobileActionButton";
+	import MobileContextMenu from "../../components/FilesView/MobileContextMenu";
+	import MobileCreateMenu from "../../components/FilesView/MobileCreateMenu";
+    import ButtonUpload from "../../components/FilesView/ButtonUpload";
+	import ToolbarButton from "../../components/FilesView/ToolbarButton";
+	import OptionUpload from "../../components/FilesView/OptionUpload";
+	import FileBrowser from "../../components/FilesView/FileBrowser";
+	import ContextMenu from "../../components/FilesView/ContextMenu";
+	import OptionGroup from "../../components/FilesView/OptionGroup";
+	import ButtonBase from "../../components/FilesView/ButtonBase";
+	import Option from "../../components/FilesView/Option";
 	import { mapGetters } from 'vuex'
 	import {events} from "../../bus";
 
diff --git a/resources/js/views/FileView/TeamFolders.vue b/resources/js/views/FileView/TeamFolders.vue
index f8b9faf6..2314531e 100644
--- a/resources/js/views/FileView/TeamFolders.vue
+++ b/resources/js/views/FileView/TeamFolders.vue
@@ -141,19 +141,19 @@
 	import MobileTeamContextMenu from "../../components/FilesView/MobileTeamContextMenu";
 	import EmptyFilePage from "../../components/FilesView/EmptyFilePage";
 	import FileActionsMobile from "../../components/FilesView/FileActionsMobile";
-    import MobileActionButtonUpload from '/resources/js/components/FilesView/MobileActionButtonUpload'
-	import MobileMultiSelectToolbar from "/resources/js/components/FilesView/MobileMultiSelectToolbar"
-	import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-	import MobileContextMenu from "/resources/js/components/FilesView/MobileContextMenu"
-	import MobileCreateMenu from '/resources/js/components/FilesView/MobileCreateMenu'
-    import ButtonUpload from '/resources/js/components/FilesView/ButtonUpload'
-	import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
-	import OptionUpload from '/resources/js/components/FilesView/OptionUpload'
-	import FileBrowser from '/resources/js/components/FilesView/FileBrowser'
-	import ContextMenu from '/resources/js/components/FilesView/ContextMenu'
-	import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
-	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-	import Option from '/resources/js/components/FilesView/Option'
+    import MobileActionButtonUpload from "../../components/FilesView/MobileActionButtonUpload";
+	import MobileMultiSelectToolbar from "../../components/FilesView/MobileMultiSelectToolbar";
+	import MobileActionButton from "../../components/FilesView/MobileActionButton";
+	import MobileContextMenu from "../../components/FilesView/MobileContextMenu";
+	import MobileCreateMenu from "../../components/FilesView/MobileCreateMenu";
+    import ButtonUpload from "../../components/FilesView/ButtonUpload";
+	import ToolbarButton from "../../components/FilesView/ToolbarButton";
+	import OptionUpload from "../../components/FilesView/OptionUpload";
+	import FileBrowser from "../../components/FilesView/FileBrowser";
+	import ContextMenu from "../../components/FilesView/ContextMenu";
+	import OptionGroup from "../../components/FilesView/OptionGroup";
+	import ButtonBase from "../../components/FilesView/ButtonBase";
+	import Option from "../../components/FilesView/Option";
 	import { mapGetters } from 'vuex'
 	import {events} from "../../bus";
 
diff --git a/resources/js/views/FileView/Trash.vue b/resources/js/views/FileView/Trash.vue
index 09177d17..5e686a38 100644
--- a/resources/js/views/FileView/Trash.vue
+++ b/resources/js/views/FileView/Trash.vue
@@ -76,15 +76,15 @@
 <script>
 	import EmptyFilePage from "../../components/FilesView/EmptyFilePage";
 	import FileActionsMobile from "../../components/FilesView/FileActionsMobile";
-    import MobileActionButtonUpload from '/resources/js/components/FilesView/MobileActionButtonUpload'
-	import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-	import MobileMultiSelectToolbar from "/resources/js/components/FilesView/MobileMultiSelectToolbar"
-	import MobileContextMenu from "/resources/js/components/FilesView/MobileContextMenu"
-	import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
-	import FileBrowser from '/resources/js/components/FilesView/FileBrowser'
-	import ContextMenu from '/resources/js/components/FilesView/ContextMenu'
-	import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
-	import Option from '/resources/js/components/FilesView/Option'
+    import MobileActionButtonUpload from "../../components/FilesView/MobileActionButtonUpload";
+	import MobileActionButton from "../../components/FilesView/MobileActionButton";
+	import MobileMultiSelectToolbar from "../../components/FilesView/MobileMultiSelectToolbar";
+	import MobileContextMenu from "../../components/FilesView/MobileContextMenu";
+	import ToolbarButton from "../../components/FilesView/ToolbarButton";
+	import FileBrowser from "../../components/FilesView/FileBrowser";
+	import ContextMenu from "../../components/FilesView/ContextMenu";
+	import OptionGroup from "../../components/FilesView/OptionGroup";
+	import Option from "../../components/FilesView/Option";
 	import { mapGetters } from 'vuex'
 	import {events} from "../../bus";
 
diff --git a/resources/js/views/Frontpage/ContactUs.vue b/resources/js/views/Frontpage/ContactUs.vue
index cdc5bf6a..72acf0fe 100644
--- a/resources/js/views/Frontpage/ContactUs.vue
+++ b/resources/js/views/Frontpage/ContactUs.vue
@@ -60,11 +60,11 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import PageTitle from '/resources/js/components/Index/Components/PageTitle'
-    import PageFooter from '/resources/js/components/Index/IndexPageFooter'
-    import Navigation from '/resources/js/components/Index/IndexNavigation'
-    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
-    import AuthButton from '/resources/js/components/Auth/AuthButton'
+    import PageTitle from "../../components/Index/Components/PageTitle";
+    import PageFooter from '../../components/Index/IndexPageFooter'
+    import Navigation from '../../components/Index/IndexNavigation'
+    import InfoBox from "../../components/Others/Forms/InfoBox";
+    import AuthButton from "../../components/Auth/AuthButton";
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
     import axios from 'axios'
@@ -136,10 +136,10 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_landing-page';
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
-    @import '/resources/sass/vuefilemanager/_forms';
+    @import '../../../sass/vuefilemanager/landing-page';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
+    @import '../../../sass/vuefilemanager/forms';
 
     .form {
         max-width: 100%;
diff --git a/resources/js/views/Frontpage/DynamicPage.vue b/resources/js/views/Frontpage/DynamicPage.vue
index 4554ed4c..cb41ff43 100644
--- a/resources/js/views/Frontpage/DynamicPage.vue
+++ b/resources/js/views/Frontpage/DynamicPage.vue
@@ -23,9 +23,9 @@
 </template>
 
 <script>
-    import PageTitle from '/resources/js/components/Index/Components/PageTitle'
-    import PageFooter from '/resources/js/components/Index/IndexPageFooter'
-    import Navigation from '/resources/js/components/Index/IndexNavigation'
+    import PageTitle from "../../components/Index/Components/PageTitle";
+    import PageFooter from '../../components/Index/IndexPageFooter'
+    import Navigation from '../../components/Index/IndexNavigation'
     import {mapGetters} from 'vuex'
     import axios from 'axios'
 
@@ -67,9 +67,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_landing-page';
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/landing-page';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 
     .headline {
         padding-top: 70px;
diff --git a/resources/js/views/Frontpage/Homepage.vue b/resources/js/views/Frontpage/Homepage.vue
index eb8f0f5d..476debfb 100644
--- a/resources/js/views/Frontpage/Homepage.vue
+++ b/resources/js/views/Frontpage/Homepage.vue
@@ -85,7 +85,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_landing-page';
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '../../../sass/vuefilemanager/landing-page';
+    @import '../../../sass/vuefilemanager/variables';
+    @import '../../../sass/vuefilemanager/mixins';
 </style>
diff --git a/resources/js/views/NotFound.vue b/resources/js/views/NotFound.vue
index 580b5657..9118f082 100644
--- a/resources/js/views/NotFound.vue
+++ b/resources/js/views/NotFound.vue
@@ -15,9 +15,9 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
-    import AuthContent from '/resources/js/components/Auth/AuthContent'
-    import AuthButton from '/resources/js/components/Auth/AuthButton'
+    import AuthContentWrapper from "../components/Auth/AuthContentWrapper";
+    import AuthContent from "../components/Auth/AuthContent";
+    import AuthButton from "../components/Auth/AuthButton";
 	import Headline from "./Auth/Headline"
 
     export default {
@@ -32,5 +32,5 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_auth';
+    @import '../../sass/vuefilemanager/auth';
 </style>
diff --git a/resources/js/views/Platform.vue b/resources/js/views/Platform.vue
index 194d7256..4feea6bc 100644
--- a/resources/js/views/Platform.vue
+++ b/resources/js/views/Platform.vue
@@ -57,27 +57,27 @@
 </template>
 
 <script>
-    import FileSortingMobile from '/resources/js/components/FilesView/FileSortingMobile'
-	import SidebarNavigation from '/resources/js/components/Sidebar/SidebarNavigation'
-	import FileFilterMobile from '/resources/js/components/FilesView/FileFilterMobile'
-	import CreateFolderPopup from '/resources/js/components/Others/CreateFolderPopup'
-	import ProcessingPopup from '/resources/js/components/FilesView/ProcessingPopup'
-	import MobileNavigation from '/resources/js/components/Others/MobileNavigation'
-	import ShareCreatePopup from '/resources/js/components/Others/ShareCreatePopup'
-	import DesktopToolbar from '/resources/js/components/FilesView/DesktopToolbar'
+    import FileSortingMobile from "../components/FilesView/FileSortingMobile";
+	import SidebarNavigation from "../components/Sidebar/SidebarNavigation";
+	import FileFilterMobile from '../components/FilesView/FileFilterMobile'
+	import CreateFolderPopup from '../components/Others/CreateFolderPopup'
+	import ProcessingPopup from '../components/FilesView/ProcessingPopup'
+	import MobileNavigation from '../components/Others/MobileNavigation'
+	import ShareCreatePopup from '../components/Others/ShareCreatePopup'
+	import DesktopToolbar from '../components/FilesView/DesktopToolbar'
 	import CreateTeamFolderPopup from "../components/Teams/CreateTeamFolderPopup"
-	import ConfirmPopup from '/resources/js/components/Others/Popup/ConfirmPopup'
-	import RenameItemPopup from '/resources/js/components/Others/RenameItemPopup'
+	import ConfirmPopup from '../components/Others/Popup/ConfirmPopup'
+	import RenameItemPopup from '../components/Others/RenameItemPopup'
 	import PanelNavigationFiles from "./FileView/Components/PanelNavigationFiles"
-	import MobileToolbar from '/resources/js/components/FilesView/MobileToolbar'
-	import ShareEditPopup from '/resources/js/components/Others/ShareEditPopup'
-	import FilePreview from '/resources/js/components/FilePreview/FilePreview'
-	import MoveItemPopup from '/resources/js/components/Others/MoveItemPopup'
+	import MobileToolbar from '../components/FilesView/MobileToolbar'
+	import ShareEditPopup from '../components/Others/ShareEditPopup'
+	import FilePreview from '../components/FilePreview/FilePreview'
+	import MoveItemPopup from '../components/Others/MoveItemPopup'
 	import EditTeamFolderPopup from "../components/Teams/EditTeamFolderPopup"
-	import Spotlight from '/resources/js/components/Spotlight/Spotlight'
-	import DragUI from '/resources/js/components/FilesView/DragUI'
+	import Spotlight from '../components/Spotlight/Spotlight'
+	import DragUI from '../components/FilesView/DragUI'
 	import InfoSidebar from "../components/FilesView/InfoSidebar"
-	import {events} from '/resources/js/bus'
+	import {events} from '../bus'
 	import {mapGetters} from "vuex"
 
 	export default {
diff --git a/resources/js/views/Profile.vue b/resources/js/views/Profile.vue
index c244c8e9..10aa091a 100644
--- a/resources/js/views/Profile.vue
+++ b/resources/js/views/Profile.vue
@@ -70,15 +70,15 @@
 	import SelectSingleChargeMethodPopup from "../components/Others/SelectSingleChargeMethodPopup";
 	import SelectPlanSubscriptionPopup from "../components/Subscription/SelectPlanSubscriptionPopup";
 	import ConfirmPopup from "../components/Others/Popup/ConfirmPopup";
-	import FilePreview from '/resources/js/components/FilePreview/FilePreview'
-	import Spotlight from '/resources/js/components/Spotlight/Spotlight'
-	import TwoFactorRecoveryCodesPopup from '/resources/js/components/Others/TwoFactorRecoveryCodesPopup'
-	import CreatePersonalTokenPopup from '/resources/js/components/Others/CreatePersonalTokenPopup'
-	import TwoFactorQrSetupPopup from '/resources/js/components/Others/TwoFactorQrSetupPopup'
-	import AvatarInput from '/resources/js/components/Others/Forms/AvatarInput'
+	import FilePreview from "../components/FilePreview/FilePreview";
+	import Spotlight from "../components/Spotlight/Spotlight";
+	import TwoFactorRecoveryCodesPopup from "../components/Others/TwoFactorRecoveryCodesPopup";
+	import CreatePersonalTokenPopup from "../components/Others/CreatePersonalTokenPopup";
+	import TwoFactorQrSetupPopup from "../components/Others/TwoFactorQrSetupPopup";
+	import AvatarInput from "../components/Others/Forms/AvatarInput";
 	import SidebarNavigation from "../components/Sidebar/SidebarNavigation"
-	import ColorLabel from '/resources/js/components/Others/ColorLabel'
-	import Spinner from '/resources/js/components/FilesView/Spinner'
+	import ColorLabel from "../components/Others/ColorLabel";
+	import Spinner from "../components/FilesView/Spinner";
 	import {mapGetters} from 'vuex'
 	import CardNavigation from "../components/Admin/CardNavigation";
 	import ConfirmPassword from "../components/Others/ConfirmPassword";
diff --git a/resources/js/views/SetupWizard/AdminAccount.vue b/resources/js/views/SetupWizard/AdminAccount.vue
index 76ca22d0..ff99398a 100644
--- a/resources/js/views/SetupWizard/AdminAccount.vue
+++ b/resources/js/views/SetupWizard/AdminAccount.vue
@@ -62,17 +62,17 @@
 
 <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 SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-    import ImageInput from '/resources/js/components/Others/Forms/ImageInput'
-    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 SwitchInput from "../../components/Others/Forms/SwitchInput";
+    import ImageInput from "../../components/Others/Forms/ImageInput";
+    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 {required} from 'vee-validate/dist/rules'
-    import {events} from '/resources/js/bus'
+    import {events} from '../../bus'
     import axios from 'axios'
 
     export default {
@@ -205,7 +205,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_forms';
-    @import '/resources/sass/vuefilemanager/_auth';
-    @import '/resources/sass/vuefilemanager/_setup_wizard';
+    @import '../../../sass/vuefilemanager/forms';
+    @import '../../../sass/vuefilemanager/auth';
+    @import '../../../sass/vuefilemanager/setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/AppSetup.vue b/resources/js/views/SetupWizard/AppSetup.vue
index acce86f1..719d4b7b 100644
--- a/resources/js/views/SetupWizard/AppSetup.vue
+++ b/resources/js/views/SetupWizard/AppSetup.vue
@@ -138,14 +138,14 @@
 
 <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 SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-    import ImageInput from '/resources/js/components/Others/Forms/ImageInput'
-    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 SwitchInput from "../../components/Others/Forms/SwitchInput";
+    import ImageInput from "../../components/Others/Forms/ImageInput";
+    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'
@@ -259,7 +259,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_forms';
-    @import '/resources/sass/vuefilemanager/_auth';
-    @import '/resources/sass/vuefilemanager/_setup_wizard';
+    @import '../../../sass/vuefilemanager/forms';
+    @import '../../../sass/vuefilemanager/auth';
+    @import '../../../sass/vuefilemanager/setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/BillingsDetail.vue b/resources/js/views/SetupWizard/BillingsDetail.vue
index 03303036..4429ffb4 100644
--- a/resources/js/views/SetupWizard/BillingsDetail.vue
+++ b/resources/js/views/SetupWizard/BillingsDetail.vue
@@ -108,12 +108,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'
@@ -187,7 +187,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_forms';
-    @import '/resources/sass/vuefilemanager/_auth';
-    @import '/resources/sass/vuefilemanager/_setup_wizard';
+    @import '../../../sass/vuefilemanager/forms';
+    @import '../../../sass/vuefilemanager/auth';
+    @import '../../../sass/vuefilemanager/setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/Database.vue b/resources/js/views/SetupWizard/Database.vue
index d8392021..5d4e3177 100644
--- a/resources/js/views/SetupWizard/Database.vue
+++ b/resources/js/views/SetupWizard/Database.vue
@@ -88,12 +88,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 {required} from 'vee-validate/dist/rules'
 	import Headline from "../Auth/Headline"
@@ -183,7 +183,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_forms';
-    @import '/resources/sass/vuefilemanager/_auth';
-    @import '/resources/sass/vuefilemanager/_setup_wizard';
+    @import '../../../sass/vuefilemanager/forms';
+    @import '../../../sass/vuefilemanager/auth';
+    @import '../../../sass/vuefilemanager/setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/EnvironmentSetup.vue b/resources/js/views/SetupWizard/EnvironmentSetup.vue
index 8e948c43..bd76711f 100644
--- a/resources/js/views/SetupWizard/EnvironmentSetup.vue
+++ b/resources/js/views/SetupWizard/EnvironmentSetup.vue
@@ -513,7 +513,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '/resources/sass/vuefilemanager/_forms';
-@import '/resources/sass/vuefilemanager/_auth';
-@import '/resources/sass/vuefilemanager/_setup_wizard';
+@import '../../../sass/vuefilemanager/forms';
+@import '../../../sass/vuefilemanager/auth';
+@import '../../../sass/vuefilemanager/setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/InstallationDisclaimer.vue b/resources/js/views/SetupWizard/InstallationDisclaimer.vue
index f701c989..35f1e2c9 100644
--- a/resources/js/views/SetupWizard/InstallationDisclaimer.vue
+++ b/resources/js/views/SetupWizard/InstallationDisclaimer.vue
@@ -69,13 +69,13 @@
 
 <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 Spinner from '/resources/js/components/FilesView/Spinner'
+    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 Spinner from "../../components/FilesView/Spinner";
     import { SettingsIcon } from 'vue-feather-icons'
     import {required} from 'vee-validate/dist/rules'
 	import Headline from "../Auth/Headline"
@@ -141,9 +141,9 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_forms';
-    @import '/resources/sass/vuefilemanager/_auth';
-    @import '/resources/sass/vuefilemanager/_setup_wizard';
+    @import '../../../sass/vuefilemanager/forms';
+    @import '../../../sass/vuefilemanager/auth';
+    @import '../../../sass/vuefilemanager/setup_wizard';
 
     #loader {
         position: relative;
diff --git a/resources/js/views/SetupWizard/PurchaseCode.vue b/resources/js/views/SetupWizard/PurchaseCode.vue
index 031184b9..4f82a219 100644
--- a/resources/js/views/SetupWizard/PurchaseCode.vue
+++ b/resources/js/views/SetupWizard/PurchaseCode.vue
@@ -33,11 +33,11 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
+    import AuthContentWrapper from "../../components/Auth/AuthContentWrapper";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    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 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 {required} from 'vee-validate/dist/rules'
 	import Headline from "../Auth/Headline"
@@ -114,8 +114,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_auth';
-    @import '/resources/sass/vuefilemanager/_setup_wizard';
+    @import '../../../sass/vuefilemanager/auth';
+    @import '../../../sass/vuefilemanager/setup_wizard';
 
     .additional-link {
 
diff --git a/resources/js/views/SetupWizard/StatusCheck.vue b/resources/js/views/SetupWizard/StatusCheck.vue
index 13af1960..c9286bfd 100644
--- a/resources/js/views/SetupWizard/StatusCheck.vue
+++ b/resources/js/views/SetupWizard/StatusCheck.vue
@@ -102,12 +102,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 {required} from 'vee-validate/dist/rules'
 	import Headline from "../Auth/Headline"
@@ -194,9 +194,9 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_forms';
-	@import '/resources/sass/vuefilemanager/_auth';
-	@import '/resources/sass/vuefilemanager/_setup_wizard';
+    @import '../../../sass/vuefilemanager/forms';
+	@import '../../../sass/vuefilemanager/auth';
+	@import '../../../sass/vuefilemanager/setup_wizard';
 
 	.check-list {
 		display: block;
diff --git a/resources/js/views/SetupWizard/StripeCredentials.vue b/resources/js/views/SetupWizard/StripeCredentials.vue
index 68c184e4..5d02ae1e 100644
--- a/resources/js/views/SetupWizard/StripeCredentials.vue
+++ b/resources/js/views/SetupWizard/StripeCredentials.vue
@@ -83,12 +83,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 {required} from 'vee-validate/dist/rules'
     import {SettingsIcon} from 'vue-feather-icons'
 	import Headline from "../Auth/Headline"
@@ -176,7 +176,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_forms';
-    @import '/resources/sass/vuefilemanager/_auth';
-    @import '/resources/sass/vuefilemanager/_setup_wizard';
+    @import '../../../sass/vuefilemanager/forms';
+    @import '../../../sass/vuefilemanager/auth';
+    @import '../../../sass/vuefilemanager/setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/SubscriptionPlans.vue b/resources/js/views/SetupWizard/SubscriptionPlans.vue
index a3159d6d..da726a21 100644
--- a/resources/js/views/SetupWizard/SubscriptionPlans.vue
+++ b/resources/js/views/SetupWizard/SubscriptionPlans.vue
@@ -92,13 +92,13 @@
 
 <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 ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    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 ButtonBase from "../../components/FilesView/ButtonBase";
+    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 {required} from 'vee-validate/dist/rules'
     import {XIcon} from 'vue-feather-icons'
@@ -204,7 +204,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_forms';
-    @import '/resources/sass/vuefilemanager/_auth';
-    @import '/resources/sass/vuefilemanager/_setup_wizard';
+    @import '../../../sass/vuefilemanager/forms';
+    @import '../../../sass/vuefilemanager/auth';
+    @import '../../../sass/vuefilemanager/setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/SubscriptionService.vue b/resources/js/views/SetupWizard/SubscriptionService.vue
index 7148dc94..c04a0412 100644
--- a/resources/js/views/SetupWizard/SubscriptionService.vue
+++ b/resources/js/views/SetupWizard/SubscriptionService.vue
@@ -38,10 +38,10 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
+    import AuthContentWrapper from "../../components/Auth/AuthContentWrapper";
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import AuthContent from '/resources/js/components/Auth/AuthContent'
-    import AuthButton from '/resources/js/components/Auth/AuthButton'
+    import AuthContent from "../../components/Auth/AuthContent";
+    import AuthButton from "../../components/Auth/AuthButton";
     import { SettingsIcon, ChevronRightIcon } from 'vue-feather-icons'
     import {required} from 'vee-validate/dist/rules'
 	import Headline from "../Auth/Headline"
@@ -73,8 +73,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_auth';
-    @import '/resources/sass/vuefilemanager/_setup_wizard';
+    @import '../../../sass/vuefilemanager/auth';
+    @import '../../../sass/vuefilemanager/setup_wizard';
 
     .services {
         margin: 0 auto;
diff --git a/resources/js/views/Shared.vue b/resources/js/views/Shared.vue
index 35c836a0..1ca7bd03 100644
--- a/resources/js/views/Shared.vue
+++ b/resources/js/views/Shared.vue
@@ -55,23 +55,23 @@
 </template>
 
 <script>
-	import MobileToolbar from '/resources/js/components/FilesView/MobileToolbar'
+	import MobileToolbar from "../components/FilesView/MobileToolbar";
 	import InfoSidebar from "../components/FilesView/InfoSidebar";
-    import MobileMultiSelectToolbar from '/resources/js/components/FilesView/MobileMultiSelectToolbar'
-    import FileSortingMobile from '/resources/js/components/FilesView/FileSortingMobile'
-    import CreateFolderPopup from '/resources/js/components/Others/CreateFolderPopup'
-    import ProcessingPopup from '/resources/js/components/FilesView/ProcessingPopup'
+    import MobileMultiSelectToolbar from "../components/FilesView/MobileMultiSelectToolbar";
+    import FileSortingMobile from "../components/FilesView/FileSortingMobile";
+    import CreateFolderPopup from "../components/Others/CreateFolderPopup";
+    import ProcessingPopup from "../components/FilesView/ProcessingPopup";
 	import NavigationSharePanel from "./FileView/Components/NavigationSharePanel"
-    import RenameItemPopup from '/resources/js/components/Others/RenameItemPopup'
-    import FilePreview from '/resources/js/components/FilePreview/FilePreview'
-    import MoveItemPopup from '/resources/js/components/Others/MoveItemPopup'
+    import RenameItemPopup from "../components/Others/RenameItemPopup";
+    import FilePreview from "../components/FilePreview/FilePreview";
+    import MoveItemPopup from "../components/Others/MoveItemPopup";
 	import DesktopToolbar from "../components/FilesView/DesktopToolbar"
-    import Spinner from '/resources/js/components/FilesView/Spinner'
-    import Vignette from '/resources/js/components/Others/Vignette'
-    import DragUI from '/resources/js/components/FilesView/DragUI'
-    import Alert from '/resources/js/components/FilesView/Alert'
+    import Spinner from "../components/FilesView/Spinner";
+    import Vignette from "../components/Others/Vignette";
+    import DragUI from "../components/FilesView/DragUI";
+    import Alert from "../components/FilesView/Alert";
 	import Spotlight from "../components/Spotlight/Spotlight"
-    import {events} from '/resources/js/bus'
+    import {events} from '../bus'
     import {mapGetters} from 'vuex'
 
     export default {
diff --git a/resources/js/views/Shared/SharedAuthentication.vue b/resources/js/views/Shared/SharedAuthentication.vue
index d72ab557..f61200ba 100644
--- a/resources/js/views/Shared/SharedAuthentication.vue
+++ b/resources/js/views/Shared/SharedAuthentication.vue
@@ -19,8 +19,8 @@
 <script>
 	import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
 	import AuthContentWrapper from "../../components/Auth/AuthContentWrapper"
-    import AuthContent from '/resources/js/components/Auth/AuthContent'
-    import AuthButton from '/resources/js/components/Auth/AuthButton'
+    import AuthContent from "../../components/Auth/AuthContent";
+    import AuthButton from "../../components/Auth/AuthButton";
 	import Headline from "../Auth/Headline";
     import {mapGetters} from "vuex";
     import axios from "axios";
diff --git a/resources/js/views/Shared/SharedSingleFile.vue b/resources/js/views/Shared/SharedSingleFile.vue
index e5ebdd3a..9d83027d 100644
--- a/resources/js/views/Shared/SharedSingleFile.vue
+++ b/resources/js/views/Shared/SharedSingleFile.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import ButtonBase from "../../components/FilesView/ButtonBase";
 	import ItemGrid from "../../components/FilesView/ItemGrid"
     import {mapGetters} from "vuex"
 
diff --git a/resources/js/views/Teams/Invitation.vue b/resources/js/views/Teams/Invitation.vue
index d859f379..0e9d6e3b 100644
--- a/resources/js/views/Teams/Invitation.vue
+++ b/resources/js/views/Teams/Invitation.vue
@@ -88,11 +88,11 @@
 <script>
 	import {ValidationObserver, ValidationProvider} from 'vee-validate/dist/vee-validate.full'
 	import VueFolderTeamIcon from "../../components/FilesView/Icons/VueFolderTeamIcon"
-    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
-	import AuthContent from '/resources/js/components/Auth/AuthContent'
+    import AuthContentWrapper from "../../components/Auth/AuthContentWrapper";
+	import AuthContent from "../../components/Auth/AuthContent";
 	import MemberAvatar from "../../components/FilesView/MemberAvatar"
-	import AuthButton from '/resources/js/components/Auth/AuthButton'
-	import Spinner from '/resources/js/components/FilesView/Spinner'
+	import AuthButton from "../../components/Auth/AuthButton";
+	import Spinner from "../../components/FilesView/Spinner";
 	import Headline from "../Auth/Headline"
 	import {mapGetters} from 'vuex'
 	import axios from 'axios'
diff --git a/resources/js/views/TemporaryUnavailable.vue b/resources/js/views/TemporaryUnavailable.vue
index 0dc30d7c..5ab14a4c 100644
--- a/resources/js/views/TemporaryUnavailable.vue
+++ b/resources/js/views/TemporaryUnavailable.vue
@@ -17,9 +17,9 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
-    import AuthContent from '/resources/js/components/Auth/AuthContent'
-    import AuthButton from '/resources/js/components/Auth/AuthButton'
+    import AuthContentWrapper from "../components/Auth/AuthContentWrapper";
+    import AuthContent from "../components/Auth/AuthContent";
+    import AuthButton from "../components/Auth/AuthButton";
 	import Headline from "./Auth/Headline"
 
     export default {
@@ -34,5 +34,5 @@
 </script>
 
 <style scoped lang="scss">
-    @import '/resources/sass/vuefilemanager/_auth';
+    @import '../../sass/vuefilemanager/auth';
 </style>
diff --git a/resources/js/views/User/Billing.vue b/resources/js/views/User/Billing.vue
index aad3c2e3..fd148a2f 100644
--- a/resources/js/views/User/Billing.vue
+++ b/resources/js/views/User/Billing.vue
@@ -83,7 +83,7 @@
 	import UserFailedPayments from "../../components/Subscription/UserFailedPayments"
 	import UserUsageEstimates from "../../components/Subscription/UserUsageEstimates"
 	import UserBillingAlerts from "../../components/Subscription/UserBillingAlerts"
-	import PageTab from '/resources/js/components/Others/Layout/PageTab'
+	import PageTab from "../../components/Others/Layout/PageTab";
 	import UserBalance from "../../components/Subscription/UserBalance"
 	import {mapGetters} from 'vuex'
 
diff --git a/resources/js/views/User/Password.vue b/resources/js/views/User/Password.vue
index 361b7046..5e1b01d6 100644
--- a/resources/js/views/User/Password.vue
+++ b/resources/js/views/User/Password.vue
@@ -90,7 +90,7 @@
 	import AppInputText from "../../components/Admin/AppInputText"
 	import {required} from 'vee-validate/dist/rules'
 	import {XIcon, Trash2Icon} from 'vue-feather-icons'
-	import {events} from '/resources/js/bus'
+	import {events} from '../../bus'
 	import {mapGetters} from 'vuex'
 	import axios from 'axios'
 
diff --git a/resources/js/views/User/Settings.vue b/resources/js/views/User/Settings.vue
index d3c66b1f..9e4691bf 100644
--- a/resources/js/views/User/Settings.vue
+++ b/resources/js/views/User/Settings.vue
@@ -132,8 +132,8 @@
 
 <script>
 	import AppInputText from "../../components/Admin/AppInputText";
-	import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
-	import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+	import SelectInput from "../../components/Others/Forms/SelectInput";
+	import FormLabel from "../../components/Others/Forms/FormLabel";
 	import {required} from 'vee-validate/dist/rules'
 	import {mapGetters} from 'vuex'
 
diff --git a/resources/js/views/User/Storage.vue b/resources/js/views/User/Storage.vue
index df425c2d..10ab6be5 100644
--- a/resources/js/views/User/Storage.vue
+++ b/resources/js/views/User/Storage.vue
@@ -50,8 +50,8 @@
 
 <script>
 	import ProgressLine from "../../components/Admin/ProgressLine";
-	import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
-	import PageTab from '/resources/js/components/Others/Layout/PageTab'
+	import FormLabel from "../../components/Others/Forms/FormLabel";
+	import PageTab from "../../components/Others/Layout/PageTab";
 	import axios from 'axios'
 	import BarChart from "../../components/UI/BarChart";
 	import {mapGetters} from "vuex";
diff --git a/resources/sass/vuefilemanager/_auth.scss b/resources/sass/vuefilemanager/_auth.scss
index b7181d91..018263a9 100644
--- a/resources/sass/vuefilemanager/_auth.scss
+++ b/resources/sass/vuefilemanager/_auth.scss
@@ -1,5 +1,5 @@
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
+@import 'variables';
+@import 'mixins';
 
 .auth-logo-text {
   @include font-size(22);
diff --git a/resources/sass/vuefilemanager/_forms.scss b/resources/sass/vuefilemanager/_forms.scss
index b79ee423..19f5c0a4 100644
--- a/resources/sass/vuefilemanager/_forms.scss
+++ b/resources/sass/vuefilemanager/_forms.scss
@@ -1,5 +1,5 @@
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
+@import 'variables';
+@import 'mixins';
 
 .form {
   //max-width: 700px;
diff --git a/resources/sass/vuefilemanager/_inapp-forms.scss b/resources/sass/vuefilemanager/_inapp-forms.scss
index c6b67e4f..1f744476 100644
--- a/resources/sass/vuefilemanager/_inapp-forms.scss
+++ b/resources/sass/vuefilemanager/_inapp-forms.scss
@@ -1,5 +1,5 @@
-@import '/resources/sass/vuefilemanager/_variables';
-@import '/resources/sass/vuefilemanager/_mixins';
+@import 'variables';
+@import 'mixins';
 
 // Forms
 .form-wrapper {
diff --git a/tailwind.config.js b/tailwind.config.js
index a97f2321..351082dc 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,11 +1,9 @@
 module.exports = {
-	purge: {
-		content: [
-			'./resources/js/**/*.{js,jsx,ts,tsx,vue}',
-			'./resources/views/vuefilemanager/*.blade.php',
-		]
-	},
-	darkMode: 'class', // or 'media' or 'class'
+	content: [
+		'./resources/js/**/*.{js,jsx,ts,tsx,vue}',
+		'./resources/views/vuefilemanager/*.blade.php',
+	],
+	darkMode: 'class',
 	theme: {
 		debugScreens: {
 			position: ['bottom', 'right'],
@@ -57,12 +55,6 @@ module.exports = {
 			}
 		},
 	},
-	variants: {
-		extend: {
-			textColor: ['disabled'],
-			opacity: ['disabled'],
-		},
-	},
 	plugins: [
 		require('tailwindcss-debug-screens'),
 		require('tailwind-scrollbar-hide'),