diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index ca67e3e1..5f583ff0 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,122 +1,126 @@
 {
     "/js/main.js": "/js/main.js",
     "/css/app.css": "/css/app.css",
-    "/chunks/admin.js": "/chunks/admin.js?id=f48be89654bdd5857619",
-    "/chunks/admin-account.js": "/chunks/admin-account.js?id=e96160a07e0045280e2c",
+    "/chunks/admin.js": "/chunks/admin.js?id=a33d31a0a91bc6d3004f",
+    "/chunks/admin-account.js": "/chunks/admin-account.js?id=56cc77f883fefc50bf1f",
     "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js?id=91adf6625e49f0b93731",
     "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~39825672.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~39825672.js?id=6c16b40191c43d6bd8ee",
     "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js?id=f580c1668c202a4542d2",
-    "/chunks/admin~chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js": "/chunks/admin~chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js?id=fb255af1e713ba8d93a6",
-    "/chunks/admin~chunks/files~chunks/settings~chunks/shared/file-browser.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared/file-browser.js?id=d5c9e6104890d4a17143",
-    "/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=e984181879df852186b7",
-    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=00b5d7aaaf17b263c7fe",
-    "/chunks/admin~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/shared.js?id=c75a7397cf154bec86d8",
-    "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=fafa9f673208f0b861d6",
-    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js?id=075ff381293e1a20d167",
+    "/chunks/admin~chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js": "/chunks/admin~chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js?id=2d893fdcf54f0c3577ff",
+    "/chunks/admin~chunks/files~chunks/settings~chunks/shared/file-browser.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared/file-browser.js?id=6632ba96ef28b8ec0c98",
+    "/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=6ecc8cc8a2134eb223b5",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=e976808d1195ec63d3c4",
+    "/chunks/admin~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/shared.js?id=673ff118200894d37cd5",
+    "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=845c52bd8814c35b0c5d",
+    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js?id=055d17c4463d3ef30218",
     "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js?id=fd6936cca8f3b8b4de9a",
-    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js?id=44b987551c03b18b4ca7",
-    "/chunks/app-billings.js": "/chunks/app-billings.js?id=2aaaa47239358f21ae3b",
-    "/chunks/app-email.js": "/chunks/app-email.js?id=fb4895bc3cb1147a009f",
-    "/chunks/app-index.js": "/chunks/app-index.js?id=934f0c4e3afa1d6085e2",
-    "/chunks/app-language.js": "/chunks/app-language.js?id=91689fc67cbc81b3701b",
-    "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.js": "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.js?id=1c3fefab1daa3f807f15",
+    "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js?id=23e7404558f1fca267cc",
+    "/chunks/app-billings.js": "/chunks/app-billings.js?id=ec23ca301dc808c68057",
+    "/chunks/app-email.js": "/chunks/app-email.js?id=988dd8fdd6310d6aca21",
+    "/chunks/app-index.js": "/chunks/app-index.js?id=88ca1730dace87ed219c",
+    "/chunks/app-language.js": "/chunks/app-language.js?id=10870457855898e3bc5f",
+    "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.js": "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.js?id=202a18d809f2b528c866",
     "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/p~98b23ba6.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/p~98b23ba6.js?id=9f9ebe286a608c25d8ab",
-    "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/s~0d12a0aa.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/s~0d12a0aa.js?id=de822ca6e7de98c5116a",
-    "/chunks/app-others.js": "/chunks/app-others.js?id=ad84d8d637cedb14ce81",
-    "/chunks/app-payments.js": "/chunks/app-payments.js?id=c9e8129dade16a2a347c",
-    "/chunks/app-settings.js": "/chunks/app-settings.js?id=049741bb0d8712c772dd",
-    "/chunks/app-setup.js": "/chunks/app-setup.js?id=acdf614f7eab3d58419b",
-    "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=de9c6ee5c8a56666b164",
-    "/chunks/contact-us.js": "/chunks/contact-us.js?id=391de80c15895ae56421",
+    "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/s~0d12a0aa.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/s~0d12a0aa.js?id=94a3e04716b70d182885",
+    "/chunks/app-others.js": "/chunks/app-others.js?id=a6fa4f59739a0b71ead0",
+    "/chunks/app-payments.js": "/chunks/app-payments.js?id=376d60ec3c9e1d0279b7",
+    "/chunks/app-settings.js": "/chunks/app-settings.js?id=10130ece72610f242434",
+    "/chunks/app-setup.js": "/chunks/app-setup.js?id=9728ba68872751c06524",
+    "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=8f1f64cd67e8c46c65d1",
+    "/chunks/contact-us.js": "/chunks/contact-us.js?id=122a566a9d1a4381d5d6",
     "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js": "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js?id=a964545445eef7615f9f",
-    "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=9257ac3b9281c38c469f",
-    "/chunks/dashboard.js": "/chunks/dashboard.js?id=941a981972a5f13723f6",
-    "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js?id=55b9119cb98263cc3677",
-    "/chunks/database.js": "/chunks/database.js?id=8375359353f7c565bab6",
-    "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=1141f8e183483da82e8a",
-    "/chunks/email-verified.js": "/chunks/email-verified.js?id=b80cafb3a468e55c45eb",
-    "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=9290f1443c67945fb50d",
-    "/chunks/files.js": "/chunks/files.js?id=22139cc83b94c1f431d6",
-    "/chunks/files~chunks/platform~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.js?id=4d95504eb52347f467d5",
-    "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js?id=8538e13936f8d075890e",
-    "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js?id=0de0b81edf0bb5d4617d",
+    "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=2338d4d370e7c259be4a",
+    "/chunks/dashboard.js": "/chunks/dashboard.js?id=c5f1d6723d7a412a1b2a",
+    "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js": "/chunks/dashboard~chunks/invoices~chunks/pages~chunks/plan-subscribers~chunks/plans~chunks/settings-i~0e2a0654.js?id=6fdeb3af6356206511e5",
+    "/chunks/database.js": "/chunks/database.js?id=61a257c132bda8564957",
+    "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=1e02112873d0b86eb1ac",
+    "/chunks/email-verified.js": "/chunks/email-verified.js?id=dc4aa33310fc98be6749",
+    "/chunks/environment-setup.js": "/chunks/environment-setup.js?id=bd4e92ffbabf80186757",
+    "/chunks/files.js": "/chunks/files.js?id=b7e2ed7375508a61be92",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.js?id=db2a624579a640445f78",
+    "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser.js?id=7242f90e77f7484eb6d8",
+    "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js?id=88923b168d8fbb48f8cb",
     "/chunks/files~chunks/settings-subscription~chunks/shared/file-browser~chunks/user-subscription.js": "/chunks/files~chunks/settings-subscription~chunks/shared/file-browser~chunks/user-subscription.js?id=c5ec9502bcfad35c502e",
-    "/chunks/files~chunks/shared/file-browser.js": "/chunks/files~chunks/shared/file-browser.js?id=b15edb7686e358f4fc44",
-    "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js?id=c4fa3a0d9102aebdebf5",
-    "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=8871529af0da8193d3a3",
-    "/chunks/homepage.js": "/chunks/homepage.js?id=d29b9f09d08d673dff75",
-    "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=59767b46f2e2f5de7a06",
-    "/chunks/invoices.js": "/chunks/invoices.js?id=35644a6bac5a727163fa",
-    "/chunks/not-found.js": "/chunks/not-found.js?id=a45c8ddab87d7bce723a",
-    "/chunks/page-edit.js": "/chunks/page-edit.js?id=420790a0c44680471a6f",
-    "/chunks/pages.js": "/chunks/pages.js?id=e9f065a730c290bbc466",
-    "/chunks/plan.js": "/chunks/plan.js?id=b4cfa98dcd72d0daf2b1",
-    "/chunks/plan-create.js": "/chunks/plan-create.js?id=9e9f90ad223f83921e16",
-    "/chunks/plan-delete.js": "/chunks/plan-delete.js?id=df66472f7a9121f95e71",
-    "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=146515010333316075d6",
-    "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=320263fdc9aef3a3be60",
-    "/chunks/plans.js": "/chunks/plans.js?id=0533e61243eeb87b3e8e",
-    "/chunks/platform.js": "/chunks/platform.js?id=babad128b73daf576466",
-    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=ee71419eaba22ae14a9a",
-    "/chunks/profile.js": "/chunks/profile.js?id=7186e04a6f0f5b6bf470",
+    "/chunks/files~chunks/shared/file-browser.js": "/chunks/files~chunks/shared/file-browser.js?id=b73f850827d5bc1c37fa",
+    "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js": "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.js?id=405a76566fbfd86d809b",
+    "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=61fb98fd41324af9cfea",
+    "/chunks/homepage.js": "/chunks/homepage.js?id=6f2aac612b4c6eaabf61",
+    "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=423f09d1096003656a6a",
+    "/chunks/invoices.js": "/chunks/invoices.js?id=f0360ddfb0f1e1a9058b",
+    "/chunks/not-found.js": "/chunks/not-found.js?id=8e5c99340188c2a7b215",
+    "/chunks/page-edit.js": "/chunks/page-edit.js?id=46e715cd3ef98a5bad69",
+    "/chunks/pages.js": "/chunks/pages.js?id=bfd9a2e2c52e60ed025e",
+    "/chunks/plan.js": "/chunks/plan.js?id=464cf3c8bc0652d81260",
+    "/chunks/plan-create.js": "/chunks/plan-create.js?id=748f541e9afbdf9fecee",
+    "/chunks/plan-delete.js": "/chunks/plan-delete.js?id=8b33958ad548ee120a1e",
+    "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=0a58ac27794dcf7311d7",
+    "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=3eced87160eb30141bd1",
+    "/chunks/plans.js": "/chunks/plans.js?id=5a3c28288952fcad96e5",
+    "/chunks/platform.js": "/chunks/platform.js?id=5faa49d34eee3fabf09f",
+    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=b47bdf397d1ae11f0019",
+    "/chunks/profile.js": "/chunks/profile.js?id=05472829fff8f71027c4",
     "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=ddb7be518c092ed392ca",
-    "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=85217c42d79948008ed1",
-    "/chunks/settings.js": "/chunks/settings.js?id=f7a9fd53ae30638964c2",
-    "/chunks/settings-create-payment-methods.js": "/chunks/settings-create-payment-methods.js?id=8d9c0e1f7c851ba47162",
-    "/chunks/settings-invoices.js": "/chunks/settings-invoices.js?id=85aebd3caecf9e1fa467",
-    "/chunks/settings-password.js": "/chunks/settings-password.js?id=5df9d33dca4d54165b4f",
-    "/chunks/settings-payment-methods.js": "/chunks/settings-payment-methods.js?id=9f4049d97664766feccb",
-    "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=b8b143cad82b81253e4f",
-    "/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=11827a0027b9b7d8462a",
+    "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=4b176796d100a2b24d71",
+    "/chunks/settings.js": "/chunks/settings.js?id=f2af9119c66ca1d62040",
+    "/chunks/settings-create-payment-methods.js": "/chunks/settings-create-payment-methods.js?id=87ab46f8d15c37921b18",
+    "/chunks/settings-invoices.js": "/chunks/settings-invoices.js?id=bdc59f72378026423747",
+    "/chunks/settings-password.js": "/chunks/settings-password.js?id=adaa9eee5b9213ccab33",
+    "/chunks/settings-payment-methods.js": "/chunks/settings-payment-methods.js?id=dec8ebea4e54c8cdb373",
+    "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=31581f755a45c24a8184",
+    "/chunks/settings-subscription.js": "/chunks/settings-subscription.js?id=51b246c660e78c9263b5",
     "/chunks/settings~chunks/settings-password.js": "/chunks/settings~chunks/settings-password.js?id=680f99e2021f19ff1af8",
     "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=8a499266af9527039582",
-    "/chunks/shared.js": "/chunks/shared.js?id=7524b7a783d4aed23794",
-    "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=0285afcb460b8fc6fe9d",
-    "/chunks/shared/file-browser.js": "/chunks/shared/file-browser.js?id=0f6c34512740fca7e007",
-    "/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=8ca61f1e5d604ac22c0b",
-    "/chunks/sign-in.js": "/chunks/sign-in.js?id=6e5c9d01fd2214d21de2",
-    "/chunks/sign-up.js": "/chunks/sign-up.js?id=0838eae8d5c33f41789c",
-    "/chunks/status-check.js": "/chunks/status-check.js?id=635d75468141b45bf14c",
-    "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=fc62992171c9d72c3f4c",
-    "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=1f3df9ae55ca315928d4",
-    "/chunks/subscription-service.js": "/chunks/subscription-service.js?id=1abfefb47d2e34107b64",
-    "/chunks/upgrade-billing.js": "/chunks/upgrade-billing.js?id=5a2a439ba83326bf66d4",
-    "/chunks/upgrade-billing~chunks/upgrade-plan.js": "/chunks/upgrade-billing~chunks/upgrade-plan.js?id=a1b8f21b2af3ac5972cb",
-    "/chunks/upgrade-plan.js": "/chunks/upgrade-plan.js?id=8cb10fc2721ecdcb4cf7",
-    "/chunks/user.js": "/chunks/user.js?id=fcaa01ba6ce8844132f0",
-    "/chunks/user-create.js": "/chunks/user-create.js?id=8bde87c67f5d0012dc34",
-    "/chunks/user-delete.js": "/chunks/user-delete.js?id=d71abbc37b8eef88fe0a",
-    "/chunks/user-detail.js": "/chunks/user-detail.js?id=dd8e5ca087058f9cec96",
-    "/chunks/user-invoices.js": "/chunks/user-invoices.js?id=eb7559b64aa9b3eef405",
-    "/chunks/user-password.js": "/chunks/user-password.js?id=0b6aedd9265f71ba2c8e",
-    "/chunks/user-storage.js": "/chunks/user-storage.js?id=2ec04730d677842c8d10",
-    "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=fc7ddaca95c26ec5c217",
-    "/chunks/users.js": "/chunks/users.js?id=720f418eef0585bdb419",
+    "/chunks/shared.js": "/chunks/shared.js?id=5cd19a2f00303f1937e7",
+    "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=30b0b0d1930a1952648a",
+    "/chunks/shared/file-browser.js": "/chunks/shared/file-browser.js?id=cf5842c6856902e2aaf8",
+    "/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=b733dc84cd8e05a8f6f3",
+    "/chunks/sign-in.js": "/chunks/sign-in.js?id=d5eed76acdad4d2c0b9b",
+    "/chunks/sign-up.js": "/chunks/sign-up.js?id=f092210474e42bfd4525",
+    "/chunks/status-check.js": "/chunks/status-check.js?id=6c3ee0e065503d38d666",
+    "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=3c4ba7a6ef3f306c4889",
+    "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=862f07c718d96decd67e",
+    "/chunks/subscription-service.js": "/chunks/subscription-service.js?id=721e855dff920e5e6996",
+    "/chunks/upgrade-billing.js": "/chunks/upgrade-billing.js?id=65c2ff19a6f06f4689f7",
+    "/chunks/upgrade-billing~chunks/upgrade-plan.js": "/chunks/upgrade-billing~chunks/upgrade-plan.js?id=e365ae16373be9dbd458",
+    "/chunks/upgrade-plan.js": "/chunks/upgrade-plan.js?id=3320a77be717dba5e9e1",
+    "/chunks/user.js": "/chunks/user.js?id=3bc9f72a474f639b72a6",
+    "/chunks/user-create.js": "/chunks/user-create.js?id=cafcd17c942541acb0f3",
+    "/chunks/user-delete.js": "/chunks/user-delete.js?id=fdfc78f04690b118c2cf",
+    "/chunks/user-detail.js": "/chunks/user-detail.js?id=04e17412bd32bb66ed69",
+    "/chunks/user-invoices.js": "/chunks/user-invoices.js?id=2546c88d5f0d3de87b5e",
+    "/chunks/user-password.js": "/chunks/user-password.js?id=b5ad9850f815a7e9f133",
+    "/chunks/user-storage.js": "/chunks/user-storage.js?id=fefc8c9c4f7b53963402",
+    "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=05df25220335d40c6173",
+    "/chunks/users.js": "/chunks/users.js?id=a81a3279b008ec766290",
     "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~25aaad73.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~25aaad73.js?id=0de519ac9b2c2754e0c2",
     "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~81c8aec0.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~81c8aec0.js?id=ca3b57f70682c1c315f7",
     "/vendors~chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js": "/vendors~chunks/files~chunks/platform~chunks/shared~chunks/shared/file-browser~chunks/shared/single-file.js?id=9d10953d3b088324dfe3",
     "/vendors~chunks/platform~chunks/shared.js": "/vendors~chunks/platform~chunks/shared.js?id=7d09e0b0658e140a7ffa",
-    "/chunks/files~chunks/shared/file-browser.da29c6bebccdbb602b38.hot-update.js": "/chunks/files~chunks/shared/file-browser.da29c6bebccdbb602b38.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.e12e1bcbe6a677bb66a6.hot-update.js": "/chunks/files~chunks/shared/file-browser.e12e1bcbe6a677bb66a6.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.19f492a57375a3ca6e61.hot-update.js": "/chunks/files~chunks/shared/file-browser.19f492a57375a3ca6e61.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.8a87b00626e91d66b8a9.hot-update.js": "/chunks/files~chunks/shared/file-browser.8a87b00626e91d66b8a9.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.a563fd025a55fe00fb09.hot-update.js": "/chunks/files~chunks/shared/file-browser.a563fd025a55fe00fb09.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.62c747ed683962c006ce.hot-update.js": "/chunks/files~chunks/shared/file-browser.62c747ed683962c006ce.hot-update.js",
-    "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.61e42eb407b1ec12b0df.hot-update.js": "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.61e42eb407b1ec12b0df.hot-update.js",
-    "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.5f11cf869e03af0f536f.hot-update.js": "/chunks/app-language~chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pag~824d674f.5f11cf869e03af0f536f.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.b1cc2893cdc3d11a681f.hot-update.js": "/chunks/files~chunks/shared/file-browser.b1cc2893cdc3d11a681f.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.985d174590146663d7b6.hot-update.js": "/chunks/files~chunks/shared/file-browser.985d174590146663d7b6.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.4523b5b85de476a6db57.hot-update.js": "/chunks/files~chunks/shared/file-browser.4523b5b85de476a6db57.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.22a1659d5c2f45733378.hot-update.js": "/chunks/files~chunks/shared/file-browser.22a1659d5c2f45733378.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.4f535051661c194518bb.hot-update.js": "/chunks/files~chunks/shared/file-browser.4f535051661c194518bb.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.4a58be7e151d93fb8085.hot-update.js": "/chunks/files~chunks/shared/file-browser.4a58be7e151d93fb8085.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.09914d7c9500275f076a.hot-update.js": "/chunks/files~chunks/shared/file-browser.09914d7c9500275f076a.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.134f3bec82e0cdb6a1ee.hot-update.js": "/chunks/files~chunks/shared/file-browser.134f3bec82e0cdb6a1ee.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.f6472426a698567b4a04.hot-update.js": "/chunks/files~chunks/shared/file-browser.f6472426a698567b4a04.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.8da8b530bcb8fa398b0f.hot-update.js": "/chunks/files~chunks/shared/file-browser.8da8b530bcb8fa398b0f.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.d58c3232ad98bb61b72e.hot-update.js": "/chunks/files~chunks/shared/file-browser.d58c3232ad98bb61b72e.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.b96780f07c750a029fd9.hot-update.js": "/chunks/files~chunks/shared/file-browser.b96780f07c750a029fd9.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.4e2e4062d0ce5296333b.hot-update.js": "/chunks/files~chunks/shared/file-browser.4e2e4062d0ce5296333b.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.119dada174b9a0d8cc73.hot-update.js": "/chunks/files~chunks/shared/file-browser.119dada174b9a0d8cc73.hot-update.js",
-    "/chunks/files~chunks/shared/file-browser.f38c722900bee19776c8.hot-update.js": "/chunks/files~chunks/shared/file-browser.f38c722900bee19776c8.hot-update.js"
+    "/chunks/platform.2876dd0b16f06f9eb245.hot-update.js": "/chunks/platform.2876dd0b16f06f9eb245.hot-update.js",
+    "/chunks/platform.3db1089240b445e2b2eb.hot-update.js": "/chunks/platform.3db1089240b445e2b2eb.hot-update.js",
+    "/chunks/platform.322f2878d92b428f906c.hot-update.js": "/chunks/platform.322f2878d92b428f906c.hot-update.js",
+    "/chunks/platform.072214a197bbc34fecef.hot-update.js": "/chunks/platform.072214a197bbc34fecef.hot-update.js",
+    "/chunks/platform.432a2467039af68343c1.hot-update.js": "/chunks/platform.432a2467039af68343c1.hot-update.js",
+    "/chunks/platform.7c3acd6fc0076338a9c2.hot-update.js": "/chunks/platform.7c3acd6fc0076338a9c2.hot-update.js",
+    "/chunks/platform.3f4884d1104ff61bce92.hot-update.js": "/chunks/platform.3f4884d1104ff61bce92.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.38377906eda346908b23.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.38377906eda346908b23.hot-update.js",
+    "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.38377906eda346908b23.hot-update.js": "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.38377906eda346908b23.hot-update.js",
+    "/chunks/platform~chunks/shared.38377906eda346908b23.hot-update.js": "/chunks/platform~chunks/shared.38377906eda346908b23.hot-update.js",
+    "/chunks/platform.adabd0bb25da76a70280.hot-update.js": "/chunks/platform.adabd0bb25da76a70280.hot-update.js",
+    "/chunks/platform.1e5b817d775fd62d35a5.hot-update.js": "/chunks/platform.1e5b817d775fd62d35a5.hot-update.js",
+    "/chunks/platform.7c8d6221343c9c592877.hot-update.js": "/chunks/platform.7c8d6221343c9c592877.hot-update.js",
+    "/chunks/platform.ae7dd0e062282c15636f.hot-update.js": "/chunks/platform.ae7dd0e062282c15636f.hot-update.js",
+    "/chunks/platform.6a20e43857200d19c8bf.hot-update.js": "/chunks/platform.6a20e43857200d19c8bf.hot-update.js",
+    "/chunks/platform.f9b7a014f86350df5d02.hot-update.js": "/chunks/platform.f9b7a014f86350df5d02.hot-update.js",
+    "/chunks/platform.21cd38e96cfe72ff0019.hot-update.js": "/chunks/platform.21cd38e96cfe72ff0019.hot-update.js",
+    "/chunks/platform.d714be181a9ac16984d8.hot-update.js": "/chunks/platform.d714be181a9ac16984d8.hot-update.js",
+    "/chunks/platform.fdb1658815fcde74cc86.hot-update.js": "/chunks/platform.fdb1658815fcde74cc86.hot-update.js",
+    "/chunks/platform.74022de667f7aff7c5e9.hot-update.js": "/chunks/platform.74022de667f7aff7c5e9.hot-update.js",
+    "/chunks/platform.ae612ea31b48c49a12ac.hot-update.js": "/chunks/platform.ae612ea31b48c49a12ac.hot-update.js",
+    "/chunks/platform.fa336d466cfc2e7283d2.hot-update.js": "/chunks/platform.fa336d466cfc2e7283d2.hot-update.js",
+    "/chunks/platform.d2cff765a4e3b7c26afb.hot-update.js": "/chunks/platform.d2cff765a4e3b7c26afb.hot-update.js",
+    "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.184af13d3848a9e4e6c8.hot-update.js": "/chunks/files~chunks/shared/file-browser~chunks/shared/single-file.184af13d3848a9e4e6c8.hot-update.js",
+    "/chunks/platform.184af13d3848a9e4e6c8.hot-update.js": "/chunks/platform.184af13d3848a9e4e6c8.hot-update.js",
+    "/chunks/platform~chunks/shared.184af13d3848a9e4e6c8.hot-update.js": "/chunks/platform~chunks/shared.184af13d3848a9e4e6c8.hot-update.js",
+    "/chunks/files~chunks/platform~chunks/shared/file-browser.ee7e9e07663fd2314a2e.hot-update.js": "/chunks/files~chunks/platform~chunks/shared/file-browser.ee7e9e07663fd2314a2e.hot-update.js"
 }
diff --git a/resources/js/App.vue b/resources/js/App.vue
index 8e7ef8d6..fa6530c7 100644
--- a/resources/js/App.vue
+++ b/resources/js/App.vue
@@ -3,7 +3,7 @@
 
         <!--UI components-->
         <Alert />
-        <ToastrWrapper />
+        <ToasterWrapper />
         <CookieDisclaimer />
 
         <!--Show spinner before translations is loaded-->
@@ -17,11 +17,11 @@
 </template>
 
 <script>
-import ToastrWrapper from '@/components/Others/Notifications/ToastrWrapper'
-import CookieDisclaimer from '@/components/Others/CookieDisclaimer'
-import Spinner from '@/components/FilesView/Spinner'
-import Vignette from '@/components/Others/Vignette'
-import Alert from '@/components/FilesView/Alert'
+import ToasterWrapper from '/resources/js/components/Others/Notifications/ToasterWrapper'
+import CookieDisclaimer from '/resources/js/components/Others/CookieDisclaimer'
+import Spinner from '/resources/js/components/FilesView/Spinner'
+import Vignette from '/resources/js/components/Others/Vignette'
+import Alert from '/resources/js/components/FilesView/Alert'
 import {mapGetters} from 'vuex'
 import {events} from './bus'
 
@@ -29,7 +29,7 @@ export default {
     name: 'app',
     components: {
         CookieDisclaimer,
-        ToastrWrapper,
+        ToasterWrapper,
         Vignette,
         Spinner,
         Alert
@@ -115,8 +115,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 '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 [v-cloak],
 [v-cloak] > * {
diff --git a/resources/js/components/Admin/WidgetLatestRegistrations.vue b/resources/js/components/Admin/WidgetLatestRegistrations.vue
index 1d8c67f6..dfe7c147 100644
--- a/resources/js/components/Admin/WidgetLatestRegistrations.vue
+++ b/resources/js/components/Admin/WidgetLatestRegistrations.vue
@@ -44,11 +44,11 @@
 </template>
 
 <script>
-    import DatatableCellImage from '@/components/Others/Tables/DatatableCellImage'
-    import DatatableWrapper from '@/components/Others/Tables/DatatableWrapper'
-    import WidgetWrapper from '@/components/Admin/WidgetWrapper'
+    import DatatableCellImage from '/resources/js/components/Others/Tables/DatatableCellImage'
+    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
+    import WidgetWrapper from '/resources/js/components/Admin/WidgetWrapper'
     import {Trash2Icon, Edit2Icon} from "vue-feather-icons"
-    import ColorLabel from '@/components/Others/ColorLabel'
+    import ColorLabel from '/resources/js/components/Others/ColorLabel'
     import axios from 'axios'
 
     export default {
@@ -110,8 +110,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .dark-mode {
 
diff --git a/resources/js/components/Admin/WidgetTotals.vue b/resources/js/components/Admin/WidgetTotals.vue
index 1ad5b02e..ce8ce2d9 100644
--- a/resources/js/components/Admin/WidgetTotals.vue
+++ b/resources/js/components/Admin/WidgetTotals.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script>
-    import WidgetWrapper from '@/components/Admin/WidgetWrapper'
+    import WidgetWrapper from '/resources/js/components/Admin/WidgetWrapper'
     import { UsersIcon, StarIcon, HardDriveIcon, ChevronRightIcon } from 'vue-feather-icons'
 
     export default {
@@ -28,8 +28,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .widget-value {
         margin-top: 10px;
diff --git a/resources/js/components/Admin/WidgetWrapper.vue b/resources/js/components/Admin/WidgetWrapper.vue
index d34461c7..25d917aa 100644
--- a/resources/js/components/Admin/WidgetWrapper.vue
+++ b/resources/js/components/Admin/WidgetWrapper.vue
@@ -30,8 +30,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .widget-content {
         @include widget-card;
diff --git a/resources/js/components/Auth/AuthButton.vue b/resources/js/components/Auth/AuthButton.vue
index 6afb0b93..35cde82a 100644
--- a/resources/js/components/Auth/AuthButton.vue
+++ b/resources/js/components/Auth/AuthButton.vue
@@ -28,8 +28,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .button {
         cursor: pointer;
diff --git a/resources/js/components/Desktop/PopoverItem.vue b/resources/js/components/Desktop/PopoverItem.vue
index edf39636..591cc986 100644
--- a/resources/js/components/Desktop/PopoverItem.vue
+++ b/resources/js/components/Desktop/PopoverItem.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-	import {events} from '@/bus'
+	import {events} from '/resources/js/bus'
 
 	export default {
 		name: 'PopoverItem',
@@ -33,8 +33,8 @@
 </script>
 
 <style scoped lang="scss">
-	@import "@assets/vuefilemanager/_variables";
-	@import "@assets/vuefilemanager/_mixins";
+	@import "resources/sass/vuefilemanager/_variables";
+	@import "resources/sass/vuefilemanager/_mixins";
 
 	.popover-item {
 		min-width: 250px;
diff --git a/resources/js/components/Desktop/ToolbarWrapper.vue b/resources/js/components/Desktop/ToolbarWrapper.vue
index 143368b9..b0c0edb4 100644
--- a/resources/js/components/Desktop/ToolbarWrapper.vue
+++ b/resources/js/components/Desktop/ToolbarWrapper.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style scoped lang="scss">
-	@import "@assets/vuefilemanager/_variables";
-	@import "@assets/vuefilemanager/_mixins";
+	@import "resources/sass/vuefilemanager/_variables";
+	@import "resources/sass/vuefilemanager/_mixins";
 
 	.toolbar-tools {
 		text-align: right;
diff --git a/resources/js/components/FilePreview/FilePreview.vue b/resources/js/components/FilePreview/FilePreview.vue
index 7ddc2971..84af6049 100644
--- a/resources/js/components/FilePreview/FilePreview.vue
+++ b/resources/js/components/FilePreview/FilePreview.vue
@@ -14,9 +14,9 @@
 </template>
 
 <script>
-    import FilePreviewToolbar from '@/components/FilePreview/FilePreviewToolbar'
-    import FilePreviewMedia from '@/components/FilePreview/FilePreviewMedia'
-    import {events} from '@/bus'
+    import FilePreviewToolbar from '/resources/js/components/FilePreview/FilePreviewToolbar'
+    import FilePreviewMedia from '/resources/js/components/FilePreview/FilePreviewMedia'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'FilePreview',
@@ -54,7 +54,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_variables';
 
     .file-preview {
         width: 100%;
diff --git a/resources/js/components/FilePreview/FilePreviewMedia.vue b/resources/js/components/FilePreview/FilePreviewMedia.vue
index d46256d5..0c892f4a 100644
--- a/resources/js/components/FilePreview/FilePreviewMedia.vue
+++ b/resources/js/components/FilePreview/FilePreviewMedia.vue
@@ -30,14 +30,14 @@
 
 <script>
 import {ChevronLeftIcon, ChevronRightIcon} from 'vue-feather-icons'
-import ToolbarButton from '@/components/FilesView/ToolbarButton'
-import ImageFile from '@/components/FilePreview/Media/ImageFile'
-import PdfFile from '@/components/FilePreview/Media/PdfFile'
-import Audio from '@/components/FilePreview/Media/Audio'
-import Video from '@/components/FilePreview/Media/Video'
-import Spinner from '@/components/FilesView/Spinner'
+import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
+import ImageFile from '/resources/js/components/FilePreview/Media/ImageFile'
+import PdfFile from '/resources/js/components/FilePreview/Media/PdfFile'
+import Audio from '/resources/js/components/FilePreview/Media/Audio'
+import Video from '/resources/js/components/FilePreview/Media/Video'
+import Spinner from '/resources/js/components/FilesView/Spinner'
 import {mapGetters} from 'vuex'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 
 export default {
     name: 'FilePreviewMedia',
@@ -160,8 +160,8 @@ export default {
 </script>
 
 <style lang="scss">
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 .navigation-arrows {
 
diff --git a/resources/js/components/FilePreview/FilePreviewToolbar.vue b/resources/js/components/FilePreview/FilePreviewToolbar.vue
index dd643939..dc904b3c 100644
--- a/resources/js/components/FilePreview/FilePreviewToolbar.vue
+++ b/resources/js/components/FilePreview/FilePreviewToolbar.vue
@@ -43,15 +43,15 @@
 </template>
 
 <script>
-	import PopoverWrapper from '@/components/Desktop/PopoverWrapper'
-	import PopoverItem from '@/components/Desktop/PopoverItem'
-	import OptionGroup from '@/components/FilesView/OptionGroup'
-	import Option from '@/components/FilesView/Option'
+	import PopoverWrapper from '/resources/js/components/Desktop/PopoverWrapper'
+	import PopoverItem from '/resources/js/components/Desktop/PopoverItem'
+	import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
+	import Option from '/resources/js/components/FilesView/Option'
 
-    import ToolbarButton from '@/components/FilesView/ToolbarButton'
+    import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
     import {XIcon, MoreHorizontalIcon} from 'vue-feather-icons'
     import {mapGetters} from 'vuex'
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'FilePreviewToolbar',
@@ -156,8 +156,8 @@
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 .name-wrapper {
     width: 33%;
diff --git a/resources/js/components/FilePreview/Media/Audio.vue b/resources/js/components/FilePreview/Media/Audio.vue
index 342c0ed7..fe3aba03 100644
--- a/resources/js/components/FilePreview/Media/Audio.vue
+++ b/resources/js/components/FilePreview/Media/Audio.vue
@@ -1,6 +1,6 @@
 <template>
 	<audio
-		:class="{'file-shadow': ! this.$isMobile() }"
+		:class="{'file-shadow': ! $isMobile() }"
 		class="file audio"
 		:src="file.file_url"
 		controls>
diff --git a/resources/js/components/FilePreview/Media/ImageFile.vue b/resources/js/components/FilePreview/Media/ImageFile.vue
index 7dff7cca..989195a7 100644
--- a/resources/js/components/FilePreview/Media/ImageFile.vue
+++ b/resources/js/components/FilePreview/Media/ImageFile.vue
@@ -2,7 +2,7 @@
 	<img
 		id="printable-file"
 		class="file"
-		:class="{'file-shadow': ! this.$isMobile() }"
+		:class="{'file-shadow': ! $isMobile() }"
 		:src="file.file_url"
 	/>
 </template>
diff --git a/resources/js/components/FilePreview/Media/PdfFile.vue b/resources/js/components/FilePreview/Media/PdfFile.vue
index ed27fd88..b7fb52ac 100644
--- a/resources/js/components/FilePreview/Media/PdfFile.vue
+++ b/resources/js/components/FilePreview/Media/PdfFile.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-	import {events} from '@/bus'
+	import {events} from '/resources/js/bus'
 	import pdf from 'pdfvuer'
 
 	export default {
@@ -79,7 +79,7 @@
 
 <style src="pdfvuer/dist/pdfvuer.css" lang="css"></style>
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
+    @import '/resources/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 73544131..d2a00541 100644
--- a/resources/js/components/FilePreview/Media/Video.vue
+++ b/resources/js/components/FilePreview/Media/Video.vue
@@ -3,7 +3,7 @@
 		<video
 			:src="file.file_url"
 			class="video"
-			:class="{'file-shadow': !this.$isMobile() }"
+			:class="{'file-shadow': !$isMobile() }"
 			controlsList="nodownload"
 			disablePictureInPicture
 			playsinline
@@ -23,7 +23,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
+    @import '/resources/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 f91831f6..51da509c 100644
--- a/resources/js/components/FilesView/Alert.vue
+++ b/resources/js/components/FilesView/Alert.vue
@@ -23,8 +23,8 @@
 </template>
 
 <script>
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import {events} from '@/bus'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'AlertPopup',
@@ -96,8 +96,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .popup {
         position: absolute;
diff --git a/resources/js/components/FilesView/ButtonBase.vue b/resources/js/components/FilesView/ButtonBase.vue
index 7617a28e..1cc3ca8c 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 08e00165..50bd8c96 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .button-base {
         @include font-size(15);
diff --git a/resources/js/components/FilesView/CheckBox.vue b/resources/js/components/FilesView/CheckBox.vue
index ce1c5526..17439398 100644
--- a/resources/js/components/FilesView/CheckBox.vue
+++ b/resources/js/components/FilesView/CheckBox.vue
@@ -15,7 +15,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_variables';
 
 .select-box {
     min-width: 20px;
diff --git a/resources/js/components/FilesView/ContextMenu.vue b/resources/js/components/FilesView/ContextMenu.vue
index 49725184..e524464d 100644
--- a/resources/js/components/FilesView/ContextMenu.vue
+++ b/resources/js/components/FilesView/ContextMenu.vue
@@ -157,10 +157,10 @@
 </template>
 
 <script>
-import OptionGroup from '@/components/FilesView/OptionGroup'
-import Option from '@/components/FilesView/Option'
+import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
+import Option from '/resources/js/components/FilesView/Option'
 import {mapGetters} from 'vuex'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 
 export default {
     name: 'ContextMenu',
@@ -331,8 +331,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vuefilemanager/_variables";
-@import "@assets/vuefilemanager/_mixins";
+@import "resources/sass/vuefilemanager/_variables";
+@import "resources/sass/vuefilemanager/_mixins";
 
 .no-options {
     /deep/ .text-label {
diff --git a/resources/js/components/FilesView/CreateListMobile.vue b/resources/js/components/FilesView/CreateListMobile.vue
index 526e7c1f..46350783 100644
--- a/resources/js/components/FilesView/CreateListMobile.vue
+++ b/resources/js/components/FilesView/CreateListMobile.vue
@@ -10,13 +10,13 @@
 </template>
 
 <script>
-import MenuMobileGroup from '@/components/Mobile/MenuMobileGroup'
-import OptionUpload from '@/components/FilesView/OptionUpload'
-import OptionGroup from '@/components/FilesView/OptionGroup'
-import MenuMobile from '@/components/Mobile/MenuMobile'
-import Option from '@/components/FilesView/Option'
+import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
+import OptionUpload from '/resources/js/components/FilesView/OptionUpload'
+import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
+import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
+import Option from '/resources/js/components/FilesView/Option'
 import {mapGetters} from 'vuex'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 
 export default {
     name: 'FileMenuMobile',
diff --git a/resources/js/components/FilesView/DesktopToolbar.vue b/resources/js/components/FilesView/DesktopToolbar.vue
index 2ea62fca..49be7a58 100644
--- a/resources/js/components/FilesView/DesktopToolbar.vue
+++ b/resources/js/components/FilesView/DesktopToolbar.vue
@@ -64,20 +64,20 @@
 </template>
 
 <script>
-	import FileSortingOptions from '@/components/FilesView/FileSortingOptions'
+	import FileSortingOptions from '/resources/js/components/FilesView/FileSortingOptions'
 	import {ChevronLeftIcon, MoreHorizontalIcon} from 'vue-feather-icons'
-	import UploadProgress from '@/components/FilesView/UploadProgress'
-	import PopoverWrapper from '@/components/Desktop/PopoverWrapper'
-	import ToolbarWrapper from '@/components/Desktop/ToolbarWrapper'
-	import ToolbarButton from '@/components/FilesView/ToolbarButton'
-	import OptionUpload from '@/components/FilesView/OptionUpload'
-	import ToolbarGroup from '@/components/Desktop/ToolbarGroup'
-	import OptionGroup from '@/components/FilesView/OptionGroup'
-	import PopoverItem from '@/components/Desktop/PopoverItem'
-	import SearchBar from '@/components/FilesView/SearchBar'
-	import Option from '@/components/FilesView/Option'
+	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 PopoverItem from '/resources/js/components/Desktop/PopoverItem'
+	import SearchBar from '/resources/js/components/FilesView/SearchBar'
+	import Option from '/resources/js/components/FilesView/Option'
 	import {mapGetters} from 'vuex'
-	import {events} from '@/bus'
+	import {events} from '/resources/js/bus'
 	import {last} from 'lodash'
 
 	export default {
@@ -229,8 +229,8 @@
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vuefilemanager/_variables";
-@import "@assets/vuefilemanager/_mixins";
+@import "resources/sass/vuefilemanager/_variables";
+@import "resources/sass/vuefilemanager/_mixins";
 
 .is-inactive {
 	opacity: 0.25;
diff --git a/resources/js/components/FilesView/DragUI.vue b/resources/js/components/FilesView/DragUI.vue
index 24064230..15382a1a 100644
--- a/resources/js/components/FilesView/DragUI.vue
+++ b/resources/js/components/FilesView/DragUI.vue
@@ -9,9 +9,9 @@
 </template>
 
 <script>
-import TitlePreview from '@/components/FilesView/TitlePreview'
+import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
 import { mapGetters } from 'vuex'
-import { events } from '@/bus'
+import { events } from '/resources/js/bus'
 
 export default {
     name: 'DragUI',
@@ -80,8 +80,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/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 3da20a02..70f8aa17 100644
--- a/resources/js/components/FilesView/EmptyFilePage.vue
+++ b/resources/js/components/FilesView/EmptyFilePage.vue
@@ -33,8 +33,8 @@
 </template>
 
 <script>
-    import ButtonUpload from '@/components/FilesView/ButtonUpload'
-	import Spinner from '@/components/FilesView/Spinner'
+    import ButtonUpload from '/resources/js/components/FilesView/ButtonUpload'
+	import Spinner from '/resources/js/components/FilesView/Spinner'
 	import {mapGetters} from 'vuex'
 
 	export default {
@@ -61,8 +61,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-	@import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+	@import '/resources/sass/vuefilemanager/_mixins';
 
 	.empty-page {
 		position: absolute;
diff --git a/resources/js/components/FilesView/EmptyMessage.vue b/resources/js/components/FilesView/EmptyMessage.vue
index 9942d5fe..73c7009d 100644
--- a/resources/js/components/FilesView/EmptyMessage.vue
+++ b/resources/js/components/FilesView/EmptyMessage.vue
@@ -20,8 +20,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .empty-message {
         text-align: center;
diff --git a/resources/js/components/FilesView/FileActionsMobile.vue b/resources/js/components/FilesView/FileActionsMobile.vue
index acdc17c4..6dbd1d57 100644
--- a/resources/js/components/FilesView/FileActionsMobile.vue
+++ b/resources/js/components/FilesView/FileActionsMobile.vue
@@ -125,11 +125,11 @@
 </template>
 
 <script>
-    import MobileActionButtonUpload from '@/components/FilesView/MobileActionButtonUpload'
-    import MobileActionButton from '@/components/FilesView/MobileActionButton'
-    import UploadProgress from '@/components/FilesView/UploadProgress'
+    import MobileActionButtonUpload from '/resources/js/components/FilesView/MobileActionButtonUpload'
+    import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
+    import UploadProgress from '/resources/js/components/FilesView/UploadProgress'
     import {mapGetters} from 'vuex'
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
     import store from "../../store";
 
     export default {
@@ -201,8 +201,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .button-enter-active,
     .button-leave-active {
diff --git a/resources/js/components/FilesView/FileBrowser.vue b/resources/js/components/FilesView/FileBrowser.vue
index 3c4ea8e8..3e5d5b1a 100644
--- a/resources/js/components/FilesView/FileBrowser.vue
+++ b/resources/js/components/FilesView/FileBrowser.vue
@@ -75,15 +75,15 @@
 </template>
 
 <script>
-    import FileActionsMobile from '@/components/FilesView/FileActionsMobile'
-	import MobileToolbar from '@/components/FilesView/MobileToolbar'
-	import EmptyFilePage from '@/components/FilesView/EmptyFilePage'
-	import EmptyMessage from '@/components/FilesView/EmptyMessage'
-	import FileItemList from '@/components/FilesView/FileItemList'
-	import FileItemGrid from '@/components/FilesView/FileItemGrid'
-	import InfoSidebar from '@/components/FilesView/InfoSidebar'
+    import FileActionsMobile from '/resources/js/components/FilesView/FileActionsMobile'
+	import MobileToolbar from '/resources/js/components/FilesView/MobileToolbar'
+	import EmptyFilePage from '/resources/js/components/FilesView/EmptyFilePage'
+	import EmptyMessage from '/resources/js/components/FilesView/EmptyMessage'
+	import FileItemList from '/resources/js/components/FilesView/FileItemList'
+	import FileItemGrid from '/resources/js/components/FilesView/FileItemGrid'
+	import InfoSidebar from '/resources/js/components/FilesView/InfoSidebar'
 	import {mapGetters} from 'vuex'
-	import {events} from '@/bus'
+	import {events} from '/resources/js/bus'
 	import {debounce} from "lodash";
 
 	export default {
@@ -246,8 +246,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-	@import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+	@import '/resources/sass/vuefilemanager/_mixins';
 
 	.file-list {
 		.dragged {
diff --git a/resources/js/components/FilesView/FileFilterMobile.vue b/resources/js/components/FilesView/FileFilterMobile.vue
index 46443ab9..c7ba515c 100644
--- a/resources/js/components/FilesView/FileFilterMobile.vue
+++ b/resources/js/components/FilesView/FileFilterMobile.vue
@@ -15,10 +15,10 @@
 </template>
 
 <script>
-import MenuMobileGroup from '@/components/Mobile/MenuMobileGroup'
-import OptionGroup from '@/components/FilesView/OptionGroup'
-import MenuMobile from '@/components/Mobile/MenuMobile'
-import Option from '@/components/FilesView/Option'
+import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
+import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
+import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
+import Option from '/resources/js/components/FilesView/Option'
 import {mapGetters} from 'vuex'
 
 export default {
diff --git a/resources/js/components/FilesView/FileItemGrid.vue b/resources/js/components/FilesView/FileItemGrid.vue
index bd9cecfc..4f28c113 100644
--- a/resources/js/components/FilesView/FileItemGrid.vue
+++ b/resources/js/components/FilesView/FileItemGrid.vue
@@ -2,7 +2,7 @@
     <div class="file-wrapper" @mouseup.stop="clickedItem" @dblclick="goToItem" spellcheck="false">
         <div :draggable="canDrag" @dragstart="$emit('dragstart')" @drop="
 				drop()
-				area = false" @dragleave="dragLeave" @dragover.prevent="dragEnter" class="file-item" :class="{'is-clicked' : isClicked , 'no-clicked' : !isClicked && this.$isMobile(), 'is-dragenter': area }">
+				area = false" @dragleave="dragLeave" @dragover.prevent="dragEnter" class="file-item" :class="{'is-clicked' : isClicked , 'no-clicked' : !isClicked && $isMobile(), 'is-dragenter': area }">
             <!--Thumbnail for item-->
             <div class="icon-item">
 
@@ -62,11 +62,11 @@
 
 <script>
 import {LinkIcon, UserPlusIcon, MoreHorizontalIcon} from 'vue-feather-icons'
-import FolderIcon from '@/components/FilesView/FolderIcon'
-import CheckBox from '@/components/FilesView/CheckBox'
+import FolderIcon from '/resources/js/components/FilesView/FolderIcon'
+import CheckBox from '/resources/js/components/FilesView/CheckBox'
 import {debounce} from 'lodash'
 import {mapGetters} from 'vuex'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 
 export default {
     name: 'FileItemGrid',
@@ -302,8 +302,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 .check-box {
     margin-right: 10px;
diff --git a/resources/js/components/FilesView/FileItemList.vue b/resources/js/components/FilesView/FileItemList.vue
index 83fe22b4..93b559f6 100644
--- a/resources/js/components/FilesView/FileItemList.vue
+++ b/resources/js/components/FilesView/FileItemList.vue
@@ -6,7 +6,7 @@
             @drop="drop()"
             @dragleave="dragLeave"
             @dragover.prevent="dragEnter"
-            class="file-item" :class="{'is-clicked' : isClicked , 'no-clicked' : !isClicked && this.$isMobile(), 'is-dragenter': area }"
+            class="file-item" :class="{'is-clicked' : isClicked , 'no-clicked' : !isClicked && $isMobile(), 'is-dragenter': area }"
         >
             <!-- MultiSelecting for the mobile version -->
             <transition name="slide-from-left">
@@ -69,11 +69,11 @@
 
 <script>
 import {LinkIcon, UserPlusIcon, MoreVerticalIcon} from 'vue-feather-icons'
-import FolderIcon from '@/components/FilesView/FolderIcon'
-import CheckBox from '@/components/FilesView/CheckBox'
+import FolderIcon from '/resources/js/components/FilesView/FolderIcon'
+import CheckBox from '/resources/js/components/FilesView/CheckBox'
 import {debounce} from 'lodash'
 import {mapGetters} from 'vuex'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 
 export default {
     name: 'FileItemList',
@@ -306,8 +306,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 
 .slide-from-left-move {
diff --git a/resources/js/components/FilesView/FileMenuMobile.vue b/resources/js/components/FilesView/FileMenuMobile.vue
index 49eb0ee2..5f6b9b0e 100644
--- a/resources/js/components/FilesView/FileMenuMobile.vue
+++ b/resources/js/components/FilesView/FileMenuMobile.vue
@@ -72,13 +72,13 @@
 </template>
 
 <script>
-import MenuMobileGroup from '@/components/Mobile/MenuMobileGroup'
-import MenuMobile from '@/components/Mobile/MenuMobile'
-import ThumbnailItem from '@/components/Others/ThumbnailItem'
-import OptionGroup from '@/components/FilesView/OptionGroup'
-import Option from '@/components/FilesView/Option'
+import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
+import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
+import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
+import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
+import Option from '/resources/js/components/FilesView/Option'
 import {mapGetters} from 'vuex'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 
 export default {
     name: 'FileMenuMobile',
@@ -140,8 +140,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vuefilemanager/_variables";
-@import "@assets/vuefilemanager/_mixins";
+@import "resources/sass/vuefilemanager/_variables";
+@import "resources/sass/vuefilemanager/_mixins";
 
 .item-thumbnail {
     padding: 20px 20px 10px;
diff --git a/resources/js/components/FilesView/FileSortingMobile.vue b/resources/js/components/FilesView/FileSortingMobile.vue
index de1f39df..079867f3 100644
--- a/resources/js/components/FilesView/FileSortingMobile.vue
+++ b/resources/js/components/FilesView/FileSortingMobile.vue
@@ -7,9 +7,9 @@
 </template>
 
 <script>
-import FileSortingOptions from '@/components/FilesView/FileSortingOptions'
-import MenuMobileGroup from '@/components/Mobile/MenuMobileGroup'
-import MenuMobile from '@/components/Mobile/MenuMobile'
+import FileSortingOptions from '/resources/js/components/FilesView/FileSortingOptions'
+import MenuMobileGroup from '/resources/js/components/Mobile/MenuMobileGroup'
+import MenuMobile from '/resources/js/components/Mobile/MenuMobile'
 
 export default {
     name: 'FilterSortingMobile',
diff --git a/resources/js/components/FilesView/FileSortingOptions.vue b/resources/js/components/FilesView/FileSortingOptions.vue
index 6060886b..9b0d8880 100644
--- a/resources/js/components/FilesView/FileSortingOptions.vue
+++ b/resources/js/components/FilesView/FileSortingOptions.vue
@@ -13,8 +13,8 @@
 
 <script>
 
-import OptionGroup from '@/components/FilesView/OptionGroup'
-import Option from '@/components/FilesView/Option'
+import OptionGroup from '/resources/js/components/FilesView/OptionGroup'
+import Option from '/resources/js/components/FilesView/Option'
 import { ArrowUpIcon } from 'vue-feather-icons'
 import { mapGetters } from 'vuex'
 
diff --git a/resources/js/components/FilesView/FolderIcon.vue b/resources/js/components/FilesView/FolderIcon.vue
index d4341aac..ceddd46a 100644
--- a/resources/js/components/FilesView/FolderIcon.vue
+++ b/resources/js/components/FilesView/FolderIcon.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-    import Emoji from '@/components/Others/Emoji'
+    import Emoji from '/resources/js/components/Others/Emoji'
 
     export default {
         name: 'FolderIcon',
@@ -52,8 +52,8 @@
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 // Locations
 .file-item-list {
diff --git a/resources/js/components/FilesView/ImageMetaData.vue b/resources/js/components/FilesView/ImageMetaData.vue
index cb5609c8..0e81161b 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 '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/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 3ac6d19f..19950797 100644
--- a/resources/js/components/FilesView/InfoSidebar.vue
+++ b/resources/js/components/FilesView/InfoSidebar.vue
@@ -90,16 +90,16 @@
 </template>
 
 <script>
-	import FilePreviewDetail from '@/components/Others/FilePreviewDetail'
+	import FilePreviewDetail from '/resources/js/components/Others/FilePreviewDetail'
     import {Edit2Icon, LockIcon, UnlockIcon} from 'vue-feather-icons'
-	import ImageMetaData from '@/components/FilesView/ImageMetaData'
-    import EmptyMessage from '@/components/FilesView/EmptyMessage'
-	import TitlePreview from '@/components/FilesView/TitlePreview'
-	import CopyShareLink from '@/components/Others/Forms/CopyShareLink'
-	import ListInfoItem from '@/components/Others/ListInfoItem'
-	import ListInfo from '@/components/Others/ListInfo'
+	import ImageMetaData from '/resources/js/components/FilesView/ImageMetaData'
+    import EmptyMessage from '/resources/js/components/FilesView/EmptyMessage'
+	import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
+	import CopyShareLink from '/resources/js/components/Others/Forms/CopyShareLink'
+	import ListInfoItem from '/resources/js/components/Others/ListInfoItem'
+	import ListInfo from '/resources/js/components/Others/ListInfo'
 	import {mapGetters} from 'vuex'
-	import {events} from "@/bus"
+	import {events} from '/resources/js/bus'
 
 	export default {
 		name: 'InfoSidebar',
diff --git a/resources/js/components/FilesView/MobileActionButton.vue b/resources/js/components/FilesView/MobileActionButton.vue
index bca94ee8..4d49ed86 100644
--- a/resources/js/components/FilesView/MobileActionButton.vue
+++ b/resources/js/components/FilesView/MobileActionButton.vue
@@ -28,8 +28,8 @@
 
 <script>
     import { SearchIcon, RefreshCwIcon, DownloadIcon, CopyIcon, FilterIcon, DollarSignIcon, CheckIcon, XSquareIcon, CheckSquareIcon, FolderPlusIcon, ListIcon, GridIcon, TrashIcon, UserPlusIcon, PlusIcon, CreditCardIcon  } from 'vue-feather-icons'
-    import CloudPlusIcon from '@/components/FilesView/Icons/CloudPlusIcon'
-    import SortingIcon from '@/components/FilesView/Icons/SortingIcon'
+    import CloudPlusIcon from '/resources/js/components/FilesView/Icons/CloudPlusIcon'
+    import SortingIcon from '/resources/js/components/FilesView/Icons/SortingIcon'
 
     export default {
         name: 'MobileActionButton',
@@ -60,8 +60,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .mobile-action-button {
         background: $light_background;
diff --git a/resources/js/components/FilesView/MobileActionButtonUpload.vue b/resources/js/components/FilesView/MobileActionButtonUpload.vue
index 8187533e..6a5eff40 100644
--- a/resources/js/components/FilesView/MobileActionButtonUpload.vue
+++ b/resources/js/components/FilesView/MobileActionButtonUpload.vue
@@ -34,8 +34,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .mobile-action-button {
         background: $light_background;
diff --git a/resources/js/components/FilesView/MobileToolbar.vue b/resources/js/components/FilesView/MobileToolbar.vue
index 20d5cdba..b3fb87c5 100644
--- a/resources/js/components/FilesView/MobileToolbar.vue
+++ b/resources/js/components/FilesView/MobileToolbar.vue
@@ -21,11 +21,11 @@
 </template>
 
 <script>
-    import ToolbarButton from '@/components/FilesView/ToolbarButton'
-    import SearchBar from '@/components/FilesView/SearchBar'
+    import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
+    import SearchBar from '/resources/js/components/FilesView/SearchBar'
     import { MenuIcon, ChevronLeftIcon } from 'vue-feather-icons'
     import {mapGetters} from 'vuex'
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
     import {last} from 'lodash'
 
     export default {
@@ -82,8 +82,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .mobile-toolbar {
         background: white;
diff --git a/resources/js/components/FilesView/MultiSelectToolbarMobile.vue b/resources/js/components/FilesView/MultiSelectToolbarMobile.vue
index 395490b9..8e345f30 100644
--- a/resources/js/components/FilesView/MultiSelectToolbarMobile.vue
+++ b/resources/js/components/FilesView/MultiSelectToolbarMobile.vue
@@ -15,9 +15,9 @@
 </template>
 
 <script>
-import ToolbarButton from '@/components/FilesView/ToolbarButton'
+import ToolbarButton from '/resources/js/components/FilesView/ToolbarButton'
 import {mapGetters} from 'vuex'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 
 export default {
     name: 'MultiSelectToolbarMobile',
@@ -67,8 +67,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vuefilemanager/_variables";
-@import "@assets/vuefilemanager/_mixins";
+@import "resources/sass/vuefilemanager/_variables";
+@import "resources/sass/vuefilemanager/_mixins";
 
 .multiselect-actions {
     display: flex;
diff --git a/resources/js/components/FilesView/Option.vue b/resources/js/components/FilesView/Option.vue
index ad67deab..4b46403b 100644
--- a/resources/js/components/FilesView/Option.vue
+++ b/resources/js/components/FilesView/Option.vue
@@ -46,7 +46,7 @@
 </template>
 
 <script>
-import AlphabetIcon from '@/components/FilesView/Icons/AlphabetIcon'
+import AlphabetIcon from '/resources/js/components/FilesView/Icons/AlphabetIcon'
 import {
 	ArrowUpIcon,
 	ArrowDownIcon,
@@ -130,8 +130,8 @@ import {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vuefilemanager/_variables";
-@import "@assets/vuefilemanager/_mixins";
+@import "resources/sass/vuefilemanager/_variables";
+@import "resources/sass/vuefilemanager/_mixins";
 
 .menu-option {
     white-space: nowrap;
diff --git a/resources/js/components/FilesView/OptionGroup.vue b/resources/js/components/FilesView/OptionGroup.vue
index eb807a0a..e925c365 100644
--- a/resources/js/components/FilesView/OptionGroup.vue
+++ b/resources/js/components/FilesView/OptionGroup.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style scoped lang="scss" scoped>
-@import "@assets/vuefilemanager/_variables";
-@import "@assets/vuefilemanager/_mixins";
+@import "resources/sass/vuefilemanager/_variables";
+@import "resources/sass/vuefilemanager/_mixins";
 
 .menu-option-group {
     padding: 5px 0;
diff --git a/resources/js/components/FilesView/OptionUpload.vue b/resources/js/components/FilesView/OptionUpload.vue
index b595d5e5..d637f16b 100644
--- a/resources/js/components/FilesView/OptionUpload.vue
+++ b/resources/js/components/FilesView/OptionUpload.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 import {
     UploadCloudIcon,
 } from 'vue-feather-icons'
@@ -41,8 +41,8 @@ import {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vuefilemanager/_variables";
-@import "@assets/vuefilemanager/_mixins";
+@import "resources/sass/vuefilemanager/_variables";
+@import "resources/sass/vuefilemanager/_mixins";
 
 .menu-option {
     white-space: nowrap;
diff --git a/resources/js/components/FilesView/ProcessingPopup.vue b/resources/js/components/FilesView/ProcessingPopup.vue
index 1cd7e96c..58341300 100644
--- a/resources/js/components/FilesView/ProcessingPopup.vue
+++ b/resources/js/components/FilesView/ProcessingPopup.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import Spinner from '@/components/FilesView/Spinner'
+import Spinner from '/resources/js/components/FilesView/Spinner'
 import { mapGetters } from 'vuex'
 
 export default {
@@ -32,8 +32,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/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 6acfee37..5b813356 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 '@assets/vuefilemanager/_variables';
-	@import '@assets/vuefilemanager/_mixins';
+	@import '/resources/sass/vuefilemanager/_variables';
+	@import '/resources/sass/vuefilemanager/_mixins';
 
 	.progress-bar {
 		width: 100%;
diff --git a/resources/js/components/FilesView/SearchBar.vue b/resources/js/components/FilesView/SearchBar.vue
index af7c4b9b..52569635 100644
--- a/resources/js/components/FilesView/SearchBar.vue
+++ b/resources/js/components/FilesView/SearchBar.vue
@@ -13,7 +13,7 @@
 
 <script>
     import {SearchIcon} from 'vue-feather-icons'
-	import {events} from '@/bus'
+	import {events} from '/resources/js/bus'
 
     export default {
         name: 'SearchBar',
@@ -34,8 +34,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .search-bar {
         position: relative;
diff --git a/resources/js/components/FilesView/Spinner.vue b/resources/js/components/FilesView/Spinner.vue
index 148305c9..b933d847 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     #loading-bar-spinner.spinner {
         left: 50%;
diff --git a/resources/js/components/FilesView/TitlePreview.vue b/resources/js/components/FilesView/TitlePreview.vue
index f55ce4af..3400ce5c 100644
--- a/resources/js/components/FilesView/TitlePreview.vue
+++ b/resources/js/components/FilesView/TitlePreview.vue
@@ -41,8 +41,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 .wrapper {
     display: flex;
diff --git a/resources/js/components/FilesView/ToolbarButton.vue b/resources/js/components/FilesView/ToolbarButton.vue
index 8491635f..23f01585 100644
--- a/resources/js/components/FilesView/ToolbarButton.vue
+++ b/resources/js/components/FilesView/ToolbarButton.vue
@@ -21,8 +21,8 @@
 </template>
 
 <script>
-    import SortingIcon from '@/components/FilesView/Icons/SortingIcon'
-    import CloudPlusIcon from '@/components/FilesView/Icons/CloudPlusIcon'
+    import SortingIcon from '/resources/js/components/FilesView/Icons/SortingIcon'
+    import CloudPlusIcon from '/resources/js/components/FilesView/Icons/CloudPlusIcon'
     import {
     	UserPlusIcon,
         CornerDownRightIcon,
@@ -70,8 +70,8 @@
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vuefilemanager/_variables";
-@import "@assets/vuefilemanager/_mixins";
+@import "resources/sass/vuefilemanager/_variables";
+@import "resources/sass/vuefilemanager/_mixins";
 
 .preview-sorting {
 	transform: scale(1.3);
diff --git a/resources/js/components/FilesView/UploadProgress.vue b/resources/js/components/FilesView/UploadProgress.vue
index 59b78ff9..f01edb4b 100644
--- a/resources/js/components/FilesView/UploadProgress.vue
+++ b/resources/js/components/FilesView/UploadProgress.vue
@@ -25,10 +25,10 @@
 </template>
 
 <script>
-    import ProgressBar from '@/components/FilesView/ProgressBar'
+    import ProgressBar from '/resources/js/components/FilesView/ProgressBar'
     import { RefreshCwIcon, XIcon } from 'vue-feather-icons'
     import {mapGetters} from 'vuex'
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'UploadProgress',
@@ -55,8 +55,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 f778d686..b32c86d2 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 '@assets/vuefilemanager/_landing-page';
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_landing-page';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 b9f02c89..30a86a3c 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 0277824d..a0a67ff1 100644
--- a/resources/js/components/Index/IndexGetStarted.vue
+++ b/resources/js/components/Index/IndexGetStarted.vue
@@ -41,7 +41,7 @@
 </template>
 
 <script>
-    import PageTitle from '@/components/Index/Components/PageTitle'
+    import PageTitle from '/resources/js/components/Index/Components/PageTitle'
     import {
         ChevronRightIcon,
         UploadCloudIcon,
@@ -88,9 +88,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_landing-page';
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_landing-page';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .icons {
 
diff --git a/resources/js/components/Index/IndexHeroScreenshot.vue b/resources/js/components/Index/IndexHeroScreenshot.vue
index 67df25ec..496759b8 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 '@assets/vuefilemanager/_landing-page';
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_landing-page';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .icons {
 
diff --git a/resources/js/components/Index/IndexMainFeatures.vue b/resources/js/components/Index/IndexMainFeatures.vue
index 21a43326..eba7a080 100644
--- a/resources/js/components/Index/IndexMainFeatures.vue
+++ b/resources/js/components/Index/IndexMainFeatures.vue
@@ -51,7 +51,7 @@
 
 <script>
     import { UserIcon, CloudIcon, HardDriveIcon } from 'vue-feather-icons'
-    import PageTitle from '@/components/Index/Components/PageTitle'
+    import PageTitle from '/resources/js/components/Index/Components/PageTitle'
     import { mapGetters } from 'vuex'
 
     export default {
@@ -69,9 +69,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_landing-page';
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_landing-page';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .features {
         padding-left: 75px;
diff --git a/resources/js/components/Index/IndexNavigation.vue b/resources/js/components/Index/IndexNavigation.vue
index bd84aba7..2c45393d 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 '@assets/vuefilemanager/_landing-page';
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_landing-page';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 7c6da096..3cafceda 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 '@assets/vuefilemanager/_landing-page';
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_landing-page';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     footer {
         text-align: center;
diff --git a/resources/js/components/Index/IndexPageHeader.vue b/resources/js/components/Index/IndexPageHeader.vue
index 8be5f038..7a121c05 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 '@/components/Index/Components/PageTitle'
-    import AuthButton from '@/components/Auth/AuthButton'
+    import PageTitle from '/resources/js/components/Index/Components/PageTitle'
+    import AuthButton from '/resources/js/components/Auth/AuthButton'
     import { CreditCardIcon } from 'vue-feather-icons'
     import { mapGetters } from 'vuex'
 
@@ -53,9 +53,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_landing-page';
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_landing-page';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .features {
         display: flex;
diff --git a/resources/js/components/Index/IndexPricingTables.vue b/resources/js/components/Index/IndexPricingTables.vue
index dade2caf..9c001fd4 100644
--- a/resources/js/components/Index/IndexPricingTables.vue
+++ b/resources/js/components/Index/IndexPricingTables.vue
@@ -21,8 +21,8 @@
 </template>
 
 <script>
-    import PricingTables from '@/components/Index/Components/PricingTables'
-    import AuthButton from '@/components/Auth/AuthButton'
+    import PricingTables from '/resources/js/components/Index/Components/PricingTables'
+    import AuthButton from '/resources/js/components/Auth/AuthButton'
     import { CloudIcon } from 'vue-feather-icons'
     import { mapGetters } from 'vuex'
 
@@ -51,9 +51,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_landing-page';
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_landing-page';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .pricing {
         .cloud-bg {
diff --git a/resources/js/components/Mobile/MenuMobile.vue b/resources/js/components/Mobile/MenuMobile.vue
index 105bbec2..e9ea31f8 100644
--- a/resources/js/components/Mobile/MenuMobile.vue
+++ b/resources/js/components/Mobile/MenuMobile.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script>
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'MenuMobile',
@@ -38,8 +38,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "@assets/vuefilemanager/_variables";
-    @import "@assets/vuefilemanager/_mixins";
+    @import "resources/sass/vuefilemanager/_variables";
+    @import "resources/sass/vuefilemanager/_mixins";
 
     .options {
         position: absolute;
diff --git a/resources/js/components/Mobile/MenuMobileGroup.vue b/resources/js/components/Mobile/MenuMobileGroup.vue
index b278b470..0c93d62f 100644
--- a/resources/js/components/Mobile/MenuMobileGroup.vue
+++ b/resources/js/components/Mobile/MenuMobileGroup.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "@assets/vuefilemanager/_variables";
-    @import "@assets/vuefilemanager/_mixins";
+    @import "resources/sass/vuefilemanager/_variables";
+    @import "resources/sass/vuefilemanager/_mixins";
 
     .menu-options {
         margin-top: 10px;
diff --git a/resources/js/components/Mobile/MobileHeader.vue b/resources/js/components/Mobile/MobileHeader.vue
index 54768520..cda08a22 100644
--- a/resources/js/components/Mobile/MobileHeader.vue
+++ b/resources/js/components/Mobile/MobileHeader.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script>
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
 
     import {
         ChevronLeftIcon,
@@ -45,8 +45,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 5e49389a..c391b315 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .action-button {
         cursor: pointer;
diff --git a/resources/js/components/Others/ColorLabel.vue b/resources/js/components/Others/ColorLabel.vue
index 758de04b..154d61d2 100644
--- a/resources/js/components/Others/ColorLabel.vue
+++ b/resources/js/components/Others/ColorLabel.vue
@@ -12,8 +12,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .color-label {
         text-transform: capitalize;
diff --git a/resources/js/components/Others/ColorPicker.vue b/resources/js/components/Others/ColorPicker.vue
index 3b149fed..895ea6a5 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 "@assets/vuefilemanager/_inapp-forms.scss";
-@import '@assets/vuefilemanager/_forms';
+@import "resources/sass/vuefilemanager/_inapp-forms.scss";
+@import '/resources/sass/vuefilemanager/_forms';
 
 .color-pick-wrapper {
     .color-wrapper {
diff --git a/resources/js/components/Others/ContentFileView.vue b/resources/js/components/Others/ContentFileView.vue
index 770b62ca..4982d0bf 100644
--- a/resources/js/components/Others/ContentFileView.vue
+++ b/resources/js/components/Others/ContentFileView.vue
@@ -7,10 +7,10 @@
 </template>
 
 <script>
-    import DesktopToolbar from '@/components/FilesView/DesktopToolbar'
-    import FileBrowser from '@/components/FilesView/FileBrowser'
-	import ContextMenu from '@/components/FilesView/ContextMenu'
-    import {events} from '@/bus'
+    import DesktopToolbar from '/resources/js/components/FilesView/DesktopToolbar'
+    import FileBrowser from '/resources/js/components/FilesView/FileBrowser'
+	import ContextMenu from '/resources/js/components/FilesView/ContextMenu'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'FilesView',
diff --git a/resources/js/components/Others/CookieDisclaimer.vue b/resources/js/components/Others/CookieDisclaimer.vue
index 8bfe4672..64b0c98c 100644
--- a/resources/js/components/Others/CookieDisclaimer.vue
+++ b/resources/js/components/Others/CookieDisclaimer.vue
@@ -40,8 +40,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .cookie-wrapper {
         @include widget-card;
diff --git a/resources/js/components/Others/CreateFolderPopup.vue b/resources/js/components/Others/CreateFolderPopup.vue
index 258615a2..06549ff1 100644
--- a/resources/js/components/Others/CreateFolderPopup.vue
+++ b/resources/js/components/Others/CreateFolderPopup.vue
@@ -43,16 +43,16 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
-    import PopupActions from '@/components/Others/Popup/PopupActions'
-    import PopupContent from '@/components/Others/Popup/PopupContent'
-    import PopupHeader from '@/components/Others/Popup/PopupHeader'
-    import ThumbnailItem from '@/components/Others/ThumbnailItem'
-    import SetFolderIcon from '@/components/Others/SetFolderIcon'
-    import ActionButton from '@/components/Others/ActionButton'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
+    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 SetFolderIcon from '/resources/js/components/Others/SetFolderIcon'
+    import ActionButton from '/resources/js/components/Others/ActionButton'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
     import {required} from 'vee-validate/dist/rules'
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'CreateFolderPopup',
@@ -118,8 +118,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "@assets/vuefilemanager/_inapp-forms.scss";
-    @import '@assets/vuefilemanager/_forms';
+    @import "resources/sass/vuefilemanager/_inapp-forms.scss";
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .item-thumbnail {
         margin-bottom: 20px;
diff --git a/resources/js/components/Others/CreateLanguage.vue b/resources/js/components/Others/CreateLanguage.vue
index 8e3822fc..a7543bf5 100644
--- a/resources/js/components/Others/CreateLanguage.vue
+++ b/resources/js/components/Others/CreateLanguage.vue
@@ -48,14 +48,14 @@
 
 <script>
 import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
-import PopupActions from '@/components/Others/Popup/PopupActions'
-import PopupContent from '@/components/Others/Popup/PopupContent'
-import PopupHeader from '@/components/Others/Popup/PopupHeader'
-import SelectInput from '@/components/Others/Forms/SelectInput'
-import ButtonBase from '@/components/FilesView/ButtonBase'
+import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
+import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
+import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
+import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
+import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
+import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
 import {required} from 'vee-validate/dist/rules'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 import axios from 'axios'
 
 export default {
@@ -855,8 +855,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-    @import "@assets/vuefilemanager/_inapp-forms.scss";
-    @import '@assets/vuefilemanager/_forms';
+    @import "resources/sass/vuefilemanager/_inapp-forms.scss";
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .item-thumbnail {
         margin-bottom: 20px;
diff --git a/resources/js/components/Others/CreatePersonaTokenPopup.vue b/resources/js/components/Others/CreatePersonaTokenPopup.vue
index 5c43b2b9..1bcc2249 100644
--- a/resources/js/components/Others/CreatePersonaTokenPopup.vue
+++ b/resources/js/components/Others/CreatePersonaTokenPopup.vue
@@ -58,15 +58,15 @@
 
 <script>
 import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
-import PopupActions from '@/components/Others/Popup/PopupActions'
-import PopupContent from '@/components/Others/Popup/PopupContent'
-import PopupHeader from '@/components/Others/Popup/PopupHeader'
-import CopyInput from '@/components/Others/Forms/CopyInput'
-import ButtonBase from '@/components/FilesView/ButtonBase'
-import InfoBox from '@/components/Others/Forms/InfoBox'
+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 {required} from 'vee-validate/dist/rules'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 import axios from 'axios'
 
 export default {
@@ -123,8 +123,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-	@import "@assets/vuefilemanager/_inapp-forms.scss";
-	@import '@assets/vuefilemanager/_forms';
+	@import "resources/sass/vuefilemanager/_inapp-forms.scss";
+	@import '/resources/sass/vuefilemanager/_forms';
 
 	.dark-mode {
 
diff --git a/resources/js/components/Others/Emoji.vue b/resources/js/components/Others/Emoji.vue
index 75dc9649..c18b4702 100644
--- a/resources/js/components/Others/Emoji.vue
+++ b/resources/js/components/Others/Emoji.vue
@@ -29,8 +29,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@assets/vuefilemanager/_inapp-forms.scss";
-@import '@assets/vuefilemanager/_forms';
+@import "resources/sass/vuefilemanager/_inapp-forms.scss";
+@import '/resources/sass/vuefilemanager/_forms';
 
 .emoji-container {
     font-size: inherit;
diff --git a/resources/js/components/Others/EmojiPicker.vue b/resources/js/components/Others/EmojiPicker.vue
index a3bd870b..d38b54dd 100644
--- a/resources/js/components/Others/EmojiPicker.vue
+++ b/resources/js/components/Others/EmojiPicker.vue
@@ -76,11 +76,11 @@
 
 <script>
 import {ChevronDownIcon, XIcon} from 'vue-feather-icons'
-import Spinner from '@/components/FilesView/Spinner'
-import Emoji from '@/components/Others/Emoji'
+import Spinner from '/resources/js/components/FilesView/Spinner'
+import Emoji from '/resources/js/components/Others/Emoji'
 import {mapGetters} from 'vuex'
 import {groupBy} from 'lodash'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 
 
 export default {
@@ -207,8 +207,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@assets/vuefilemanager/_inapp-forms.scss";
-@import '@assets/vuefilemanager/_forms';
+@import "resources/sass/vuefilemanager/_inapp-forms.scss";
+@import '/resources/sass/vuefilemanager/_forms';
 
 .select-emoji-wrapper {
     margin-bottom: 20px;
diff --git a/resources/js/components/Others/EmptyPageContent.vue b/resources/js/components/Others/EmptyPageContent.vue
index 3e3859be..04580d97 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .empty-page-content {
         width: 100%;
diff --git a/resources/js/components/Others/FilePreviewDetail.vue b/resources/js/components/Others/FilePreviewDetail.vue
index 9e4c128d..7b256bc6 100644
--- a/resources/js/components/Others/FilePreviewDetail.vue
+++ b/resources/js/components/Others/FilePreviewDetail.vue
@@ -26,8 +26,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .preview {
         width: 100%;
diff --git a/resources/js/components/Others/Forms/CopyInput.vue b/resources/js/components/Others/Forms/CopyInput.vue
index 00a342d9..f31a1023 100644
--- a/resources/js/components/Others/Forms/CopyInput.vue
+++ b/resources/js/components/Others/Forms/CopyInput.vue
@@ -55,10 +55,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
-@import "@assets/vuefilemanager/_inapp-forms.scss";
-@import "@assets/vuefilemanager/_forms.scss";
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
+@import "resources/sass/vuefilemanager/_inapp-forms.scss";
+@import "resources/sass/vuefilemanager/_forms.scss";
 
 .multi-icon {
     display: flex;
diff --git a/resources/js/components/Others/Forms/CopyShareLink.vue b/resources/js/components/Others/Forms/CopyShareLink.vue
index 6a319b1f..a669dc79 100644
--- a/resources/js/components/Others/Forms/CopyShareLink.vue
+++ b/resources/js/components/Others/Forms/CopyShareLink.vue
@@ -15,7 +15,7 @@
 
 <script>
 import { LinkIcon, CheckIcon, SendIcon } from 'vue-feather-icons'
-import { events } from '@/bus'
+import { events } from '/resources/js/bus'
 
 export default {
     name: 'CopyShareLink',
@@ -63,10 +63,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
-@import "@assets/vuefilemanager/_inapp-forms.scss";
-@import "@assets/vuefilemanager/_forms.scss";
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
+@import "resources/sass/vuefilemanager/_inapp-forms.scss";
+@import "resources/sass/vuefilemanager/_forms.scss";
 
 .multi-icon {
     display: flex;
diff --git a/resources/js/components/Others/Forms/FormLabel.vue b/resources/js/components/Others/Forms/FormLabel.vue
index a7067cbf..e6c87358 100644
--- a/resources/js/components/Others/Forms/FormLabel.vue
+++ b/resources/js/components/Others/Forms/FormLabel.vue
@@ -31,8 +31,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .form-label {
         display: flex;
diff --git a/resources/js/components/Others/Forms/ImageInput.vue b/resources/js/components/Others/Forms/ImageInput.vue
index dd1af6ed..c0e18fd0 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 b8000f0c..ab879945 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 91a525f4..f3e936cb 100644
--- a/resources/js/components/Others/Forms/MultiEmailInput.vue
+++ b/resources/js/components/Others/Forms/MultiEmailInput.vue
@@ -16,7 +16,7 @@
 
 <script>
 import { XIcon } from 'vue-feather-icons'
-import { events } from '@/bus'
+import { events } from '/resources/js/bus'
 
 export default {
     name: 'MultiEmailInput',
@@ -91,8 +91,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vuefilemanager/_inapp-forms.scss";
-@import '@assets/vuefilemanager/_forms';
+@import "resources/sass/vuefilemanager/_inapp-forms.scss";
+@import '/resources/sass/vuefilemanager/_forms';
 
 .wrapper {
     margin-bottom: 20px;
diff --git a/resources/js/components/Others/Forms/SearchInput.vue b/resources/js/components/Others/Forms/SearchInput.vue
index bbcb0dab..227f2567 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 '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
-@import '@assets/vuefilemanager/_forms';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_forms';
 
 .search-bar {
     padding: 7px 0px;
diff --git a/resources/js/components/Others/Forms/SelectBoxInput.vue b/resources/js/components/Others/Forms/SelectBoxInput.vue
index 47432c45..246fb244 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import "@assets/vuefilemanager/_inapp-forms.scss";
-    @import "@assets/vuefilemanager/_forms.scss";
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import "resources/sass/vuefilemanager/_inapp-forms.scss";
+    @import "resources/sass/vuefilemanager/_forms.scss";
 
     .select-box {
         display: flex;
diff --git a/resources/js/components/Others/Forms/SelectInput.vue b/resources/js/components/Others/Forms/SelectInput.vue
index c1e859c5..775495be 100644
--- a/resources/js/components/Others/Forms/SelectInput.vue
+++ b/resources/js/components/Others/Forms/SelectInput.vue
@@ -111,8 +111,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .select {
         position: relative;
diff --git a/resources/js/components/Others/Forms/SetupBox.vue b/resources/js/components/Others/Forms/SetupBox.vue
index 3f29db3d..a6b4d074 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 b85ee19f..8ff032a8 100644
--- a/resources/js/components/Others/Forms/SwitchInput.vue
+++ b/resources/js/components/Others/Forms/SwitchInput.vue
@@ -39,8 +39,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 c162b05b..57af3c5d 100644
--- a/resources/js/components/Others/Layout/PageTab.vue
+++ b/resources/js/components/Others/Layout/PageTab.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script>
-    import Spinner from '@/components/FilesView/Spinner'
+    import Spinner from '/resources/js/components/FilesView/Spinner'
 
     export default {
         name: 'PageTab',
@@ -20,6 +20,6 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 6e25019f..a2b74088 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 5cd6f21a..b2bf7777 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 </style>
diff --git a/resources/js/components/Others/ListInfoItem.vue b/resources/js/components/Others/ListInfoItem.vue
index ae02a32a..06a84a0a 100644
--- a/resources/js/components/Others/ListInfoItem.vue
+++ b/resources/js/components/Others/ListInfoItem.vue
@@ -14,8 +14,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .list-info-item {
         display: block;
diff --git a/resources/js/components/Others/MobileNavigation.vue b/resources/js/components/Others/MobileNavigation.vue
index 088a8b14..5a692024 100644
--- a/resources/js/components/Others/MobileNavigation.vue
+++ b/resources/js/components/Others/MobileNavigation.vue
@@ -52,11 +52,11 @@
 </template>
 
 <script>
-    import MenuMobileGroup from '@/components/Mobile/MenuMobileGroup'
-    import OptionGroup from '@/components/FilesView/OptionGroup'
-    import UserHeadline from '@/components/Sidebar/UserHeadline'
-    import MenuMobile from '@/components/Mobile/MenuMobile'
-    import Option from '@/components/FilesView/Option'
+    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 {ChevronLeftIcon} from 'vue-feather-icons'
     import {mapGetters} from 'vuex'
 
@@ -115,8 +115,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "@assets/vuefilemanager/_variables";
-    @import "@assets/vuefilemanager/_mixins";
+    @import "resources/sass/vuefilemanager/_variables";
+    @import "resources/sass/vuefilemanager/_mixins";
 
     .user-info {
         padding: 20px 20px 10px;
diff --git a/resources/js/components/Others/MoveItemPopup.vue b/resources/js/components/Others/MoveItemPopup.vue
index 6d076400..d5eea2b6 100644
--- a/resources/js/components/Others/MoveItemPopup.vue
+++ b/resources/js/components/Others/MoveItemPopup.vue
@@ -41,18 +41,18 @@
 </template>
 
 <script>
-    import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
-    import PopupActions from '@/components/Others/Popup/PopupActions'
-    import TitlePreview from '@/components/FilesView/TitlePreview'
-    import PopupContent from '@/components/Others/Popup/PopupContent'
-    import PopupHeader from '@/components/Others/Popup/PopupHeader'
-    import ThumbnailItem from '@/components/Others/ThumbnailItem'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import Spinner from '@/components/FilesView/Spinner'
-    import TreeMenu from '@/components/Others/TreeMenu'
+    import PopupWrapper from '/resources/js/components/Others/Popup/PopupWrapper'
+    import PopupActions from '/resources/js/components/Others/Popup/PopupActions'
+    import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
+    import PopupContent from '/resources/js/components/Others/Popup/PopupContent'
+    import PopupHeader from '/resources/js/components/Others/Popup/PopupHeader'
+    import ThumbnailItem from '/resources/js/components/Others/ThumbnailItem'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import Spinner from '/resources/js/components/FilesView/Spinner'
+    import TreeMenu from '/resources/js/components/Others/TreeMenu'
     import {isArray, isNull} from 'lodash'
     import {mapGetters} from 'vuex'
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'MoveItemPopup',
@@ -158,8 +158,8 @@
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 .item-thumbnail {
     margin-bottom: 20px;
diff --git a/resources/js/components/Others/Notifications/ToastrItem.vue b/resources/js/components/Others/Notifications/ToasterItem.vue
similarity index 96%
rename from resources/js/components/Others/Notifications/ToastrItem.vue
rename to resources/js/components/Others/Notifications/ToasterItem.vue
index caae4c28..2df1f514 100644
--- a/resources/js/components/Others/Notifications/ToastrItem.vue
+++ b/resources/js/components/Others/Notifications/ToasterItem.vue
@@ -40,8 +40,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .fade-enter-active,
     .fade-leave-active {
diff --git a/resources/js/components/Others/Notifications/ToastrWrapper.vue b/resources/js/components/Others/Notifications/ToasterWrapper.vue
similarity index 73%
rename from resources/js/components/Others/Notifications/ToastrWrapper.vue
rename to resources/js/components/Others/Notifications/ToasterWrapper.vue
index 69657ce7..06a25e6e 100644
--- a/resources/js/components/Others/Notifications/ToastrWrapper.vue
+++ b/resources/js/components/Others/Notifications/ToasterWrapper.vue
@@ -1,16 +1,16 @@
 <template>
     <div id="toastr-wrapper">
-        <ToastrItem :item="item" v-for="(item, i) in notifications" :key="i"/>
+        <ToasterItem :item="item" v-for="(item, i) in notifications" :key="i"/>
     </div>
 </template>
 
 <script>
-    import ToastrItem from '@/components/Others/Notifications/ToastrItem'
-    import {events} from "@/bus";
+    import ToasterItem from '/resources/js/components/Others/Notifications/ToasterItem'
+    import {events} from '/resources/js/bus'
 
     export default {
         components: {
-            ToastrItem,
+            ToasterItem,
         },
         data() {
             return {
@@ -24,8 +24,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .toastr-list {
         transition: all 5s ease;
diff --git a/resources/js/components/Others/PageHeader.vue b/resources/js/components/Others/PageHeader.vue
index dbd36469..46a0098a 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .page-header {
         display: flex;
diff --git a/resources/js/components/Others/PlanPricingTables.vue b/resources/js/components/Others/PlanPricingTables.vue
index a0e003b1..85c40e33 100644
--- a/resources/js/components/Others/PlanPricingTables.vue
+++ b/resources/js/components/Others/PlanPricingTables.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script>
-    import ButtonBase from '@/components/FilesView/ButtonBase'
+    import ButtonBase from '/resources/js/components/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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 acafc3ab..1beb0ccf 100644
--- a/resources/js/components/Others/Popup/ConfirmPopup.vue
+++ b/resources/js/components/Others/Popup/ConfirmPopup.vue
@@ -27,11 +27,11 @@
 </template>
 
 <script>
-    import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
-    import PopupActions from '@/components/Others/Popup/PopupActions'
-    import PopupContent from '@/components/Others/Popup/PopupContent'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import {events} from '@/bus'
+    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 ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'ConfirmPopup',
@@ -83,8 +83,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .popup-image {
         padding-top: 20px;
diff --git a/resources/js/components/Others/Popup/PopupActions.vue b/resources/js/components/Others/Popup/PopupActions.vue
index 12628d5c..852320ec 100644
--- a/resources/js/components/Others/Popup/PopupActions.vue
+++ b/resources/js/components/Others/Popup/PopupActions.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .actions {
         padding: 20px;
diff --git a/resources/js/components/Others/Popup/PopupContent.vue b/resources/js/components/Others/Popup/PopupContent.vue
index 07198143..0f2c77c4 100644
--- a/resources/js/components/Others/Popup/PopupContent.vue
+++ b/resources/js/components/Others/Popup/PopupContent.vue
@@ -14,8 +14,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .popup-content {
         &.height-limited {
diff --git a/resources/js/components/Others/Popup/PopupHeader.vue b/resources/js/components/Others/Popup/PopupHeader.vue
index f34186f6..6fa8b4a3 100644
--- a/resources/js/components/Others/Popup/PopupHeader.vue
+++ b/resources/js/components/Others/Popup/PopupHeader.vue
@@ -15,7 +15,7 @@
 
 <script>
     import {KeyIcon, CornerDownRightIcon, LinkIcon, XIcon, Edit2Icon, ShareIcon} from 'vue-feather-icons'
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'PopupHeader',
@@ -39,8 +39,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .popup-header {
         padding: 20px;
diff --git a/resources/js/components/Others/Popup/PopupWrapper.vue b/resources/js/components/Others/Popup/PopupWrapper.vue
index abb24abb..99854f63 100644
--- a/resources/js/components/Others/Popup/PopupWrapper.vue
+++ b/resources/js/components/Others/Popup/PopupWrapper.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'PopupWrapper',
@@ -52,8 +52,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .popup {
         position: absolute;
diff --git a/resources/js/components/Others/RenameItemPopup.vue b/resources/js/components/Others/RenameItemPopup.vue
index 421bb41b..24a671e3 100644
--- a/resources/js/components/Others/RenameItemPopup.vue
+++ b/resources/js/components/Others/RenameItemPopup.vue
@@ -46,17 +46,17 @@
 
 <script>
 import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
-import PopupActions from '@/components/Others/Popup/PopupActions'
-import PopupContent from '@/components/Others/Popup/PopupContent'
-import PopupHeader from '@/components/Others/Popup/PopupHeader'
-import SetFolderIcon from '@/components/Others/SetFolderIcon'
-import ThumbnailItem from '@/components/Others/ThumbnailItem'
-import ActionButton from '@/components/Others/ActionButton'
-import ButtonBase from '@/components/FilesView/ButtonBase'
+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 SetFolderIcon from '/resources/js/components/Others/SetFolderIcon'
+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 {XIcon} from 'vue-feather-icons'
 import {required} from 'vee-validate/dist/rules'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 
 export default {
     name: 'RenameItemPopup',
@@ -145,8 +145,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vuefilemanager/_inapp-forms.scss";
-@import '@assets/vuefilemanager/_forms';
+@import "resources/sass/vuefilemanager/_inapp-forms.scss";
+@import '/resources/sass/vuefilemanager/_forms';
 
 .input {
     position: relative;
diff --git a/resources/js/components/Others/SectionTitle.vue b/resources/js/components/Others/SectionTitle.vue
index 1490f6f5..10db76ae 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .text-label {
         @include font-size(12);
diff --git a/resources/js/components/Others/SetFolderIcon.vue b/resources/js/components/Others/SetFolderIcon.vue
index f1fe69cf..f71f15c7 100644
--- a/resources/js/components/Others/SetFolderIcon.vue
+++ b/resources/js/components/Others/SetFolderIcon.vue
@@ -14,11 +14,11 @@
 </template>
 
 <script>
-import EmojiPicker from '@/components/Others/EmojiPicker'
-import ColorPicker from '@/components/Others/ColorPicker'
-import TabWrapper from '@/components/Others/TabWrapper'
-import TabOption from '@/components/Others/TabOption'
-import {events} from '@/bus'
+import EmojiPicker from '/resources/js/components/Others/EmojiPicker'
+import ColorPicker from '/resources/js/components/Others/ColorPicker'
+import TabWrapper from '/resources/js/components/Others/TabWrapper'
+import TabOption from '/resources/js/components/Others/TabOption'
+import {events} from '/resources/js/bus'
 
 export default {
     name: 'SetFolderIcon',
@@ -90,8 +90,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@assets/vuefilemanager/_inapp-forms.scss";
-@import '@assets/vuefilemanager/_forms';
+@import "resources/sass/vuefilemanager/_inapp-forms.scss";
+@import '/resources/sass/vuefilemanager/_forms';
 
 .set-folder-icon {
     position: relative;
diff --git a/resources/js/components/Others/ShareCreatePopup.vue b/resources/js/components/Others/ShareCreatePopup.vue
index 21af061b..61d033c1 100644
--- a/resources/js/components/Others/ShareCreatePopup.vue
+++ b/resources/js/components/Others/ShareCreatePopup.vue
@@ -90,25 +90,25 @@
 
 <script>
 import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-import SelectBoxInput from '@/components/Others/Forms/SelectBoxInput'
-import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
-import PopupActions from '@/components/Others/Popup/PopupActions'
-import PopupContent from '@/components/Others/Popup/PopupContent'
-import PopupHeader from '@/components/Others/Popup/PopupHeader'
-import MultiEmailInput from '@/components/Others/Forms/MultiEmailInput'
-import SwitchInput from '@/components/Others/Forms/SwitchInput'
-import SelectInput from '@/components/Others/Forms/SelectInput'
-import ThumbnailItem from '@/components/Others/ThumbnailItem'
-import ActionButton from '@/components/Others/ActionButton'
-import CopyShareLink from '@/components/Others/Forms/CopyShareLink'
-import TabWrapper from '@/components/Others/TabWrapper'
-import TabOption from '@/components/Others/TabOption'
-import ButtonBase from '@/components/FilesView/ButtonBase'
-import InfoBox from '@/components/Others/Forms/InfoBox'
+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 {LinkIcon, MailIcon} from 'vue-feather-icons'
 import {required} from 'vee-validate/dist/rules'
 import {mapGetters} from 'vuex'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 import axios from 'axios'
 
 export default {
@@ -262,8 +262,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import "@assets/vuefilemanager/_inapp-forms.scss";
-@import '@assets/vuefilemanager/_forms';
+@import "resources/sass/vuefilemanager/_inapp-forms.scss";
+@import '/resources/sass/vuefilemanager/_forms';
 
 .more-options {
     margin-bottom: 10px;
diff --git a/resources/js/components/Others/ShareEditPopup.vue b/resources/js/components/Others/ShareEditPopup.vue
index 0403627e..3d16f81e 100644
--- a/resources/js/components/Others/ShareEditPopup.vue
+++ b/resources/js/components/Others/ShareEditPopup.vue
@@ -96,22 +96,22 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import SelectBoxInput from '@/components/Others/Forms/SelectBoxInput'
-    import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
-    import PopupActions from '@/components/Others/Popup/PopupActions'
-    import PopupContent from '@/components/Others/Popup/PopupContent'
-    import PopupHeader from '@/components/Others/Popup/PopupHeader'
-    import SwitchInput from '@/components/Others/Forms/SwitchInput'
-    import SelectInput from '@/components/Others/Forms/SelectInput'
-    import MultiEmailInput from '@/components/Others/Forms/MultiEmailInput'
-    import ThumbnailItem from '@/components/Others/ThumbnailItem'
-    import ActionButton from '@/components/Others/ActionButton'
-    import CopyShareLink from '@/components/Others/Forms/CopyShareLink'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
+    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 SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
+    import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
+    import MultiEmailInput from '/resources/js/components/Others/Forms/MultiEmailInput'
+    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 ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -360,8 +360,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import "@assets/vuefilemanager/_inapp-forms.scss";
-    @import '@assets/vuefilemanager/_forms';
+    @import "resources/sass/vuefilemanager/_inapp-forms.scss";
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .input-wrapper {
 
diff --git a/resources/js/components/Others/StorageItemDetail.vue b/resources/js/components/Others/StorageItemDetail.vue
index 208d9dbc..a0bb655e 100644
--- a/resources/js/components/Others/StorageItemDetail.vue
+++ b/resources/js/components/Others/StorageItemDetail.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script>
-    import ProgressBar from '@/components/FilesView/ProgressBar'
+    import ProgressBar from '/resources/js/components/FilesView/ProgressBar'
     import { ImageIcon, VideoIcon, FileTextIcon, FileIcon, HardDriveIcon, MusicIcon } from 'vue-feather-icons'
 
     export default {
@@ -38,8 +38,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .detail-storage-item {
         margin-bottom: 35px;
diff --git a/resources/js/components/Others/TabWrapper.vue b/resources/js/components/Others/TabWrapper.vue
index e924e2b6..a3511fec 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 "@assets/vuefilemanager/_inapp-forms.scss";
-    @import '@assets/vuefilemanager/_forms';
+    @import "resources/sass/vuefilemanager/_inapp-forms.scss";
+    @import '/resources/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 442410b7..b3a58c8f 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 5df36d9c..5ebcae2d 100644
--- a/resources/js/components/Others/Tables/DatatableCellImage.vue
+++ b/resources/js/components/Others/Tables/DatatableCellImage.vue
@@ -19,8 +19,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .cell-image-thumbnail {
         display: flex;
diff --git a/resources/js/components/Others/Tables/DatatableWrapper.vue b/resources/js/components/Others/Tables/DatatableWrapper.vue
index e2dd824e..f57937b7 100644
--- a/resources/js/components/Others/Tables/DatatableWrapper.vue
+++ b/resources/js/components/Others/Tables/DatatableWrapper.vue
@@ -120,7 +120,7 @@
 
 <script>
 import {ChevronUpIcon, ChevronLeftIcon, ChevronRightIcon} from 'vue-feather-icons'
-import DatatableCell from '@/components/Others/Tables/DatatableCell'
+import DatatableCell from '/resources/js/components/Others/Tables/DatatableCell'
 import axios from "axios";
 
 export default {
@@ -221,8 +221,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 .datatable {
     height: 100%;
diff --git a/resources/js/components/Others/TextLabel.vue b/resources/js/components/Others/TextLabel.vue
index 801a4124..49ebecc3 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 e15c4e44..920918cb 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 '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/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 8d3894c6..9e69274b 100644
--- a/resources/js/components/Others/ThumbnailItem.vue
+++ b/resources/js/components/Others/ThumbnailItem.vue
@@ -41,7 +41,7 @@
 
 <script>
     import {mapGetters} from 'vuex'
-    import FolderIcon from '@/components/FilesView/FolderIcon'
+    import FolderIcon from '/resources/js/components/FilesView/FolderIcon'
 
     export default {
         name: 'ThumbnailItem',
@@ -66,8 +66,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .file-item {
         display: flex;
diff --git a/resources/js/components/Others/TreeMenu.vue b/resources/js/components/Others/TreeMenu.vue
index ad0ca779..e50b90ae 100644
--- a/resources/js/components/Others/TreeMenu.vue
+++ b/resources/js/components/Others/TreeMenu.vue
@@ -14,9 +14,9 @@
 </template>
 
 <script>
-    import TreeMenu from '@/components/Others/TreeMenu'
+    import TreeMenu from '/resources/js/components/Others/TreeMenu'
     import {FolderIcon, ChevronRightIcon, HardDriveIcon} from 'vue-feather-icons'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import {mapGetters} from 'vuex'
 
     export default {
@@ -89,8 +89,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .is-inactive {
         opacity: 0.5;
diff --git a/resources/js/components/Others/TreeMenuNavigator.vue b/resources/js/components/Others/TreeMenuNavigator.vue
index 398e682d..db51c784 100644
--- a/resources/js/components/Others/TreeMenuNavigator.vue
+++ b/resources/js/components/Others/TreeMenuNavigator.vue
@@ -26,10 +26,10 @@
 </template>
 
 <script>
-    import TreeMenuNavigator from '@/components/Others/TreeMenuNavigator'
+    import TreeMenuNavigator from '/resources/js/components/Others/TreeMenuNavigator'
 	import {FolderIcon, ChevronRightIcon} from 'vue-feather-icons'
 	import {mapGetters} from 'vuex'
-	import {events} from "@/bus"
+	import {events} from '/resources/js/bus'
 
 	export default {
 		name: 'TreeMenuNavigator',
@@ -153,8 +153,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-	@import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+	@import '/resources/sass/vuefilemanager/_mixins';
 
 	.is-inactive {
 		opacity: 0.5;
diff --git a/resources/js/components/Others/TwoFactorRecoveryCodesPopup.vue b/resources/js/components/Others/TwoFactorRecoveryCodesPopup.vue
index f2776a87..fa9456b7 100644
--- a/resources/js/components/Others/TwoFactorRecoveryCodesPopup.vue
+++ b/resources/js/components/Others/TwoFactorRecoveryCodesPopup.vue
@@ -46,16 +46,16 @@
 </template>
 
 <script>
-import MobileActionButton from '@/components/FilesView/MobileActionButton'
-import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
-import PopupActions from '@/components/Others/Popup/PopupActions'
-import PopupContent from '@/components/Others/Popup/PopupContent'
-import PopupHeader from '@/components/Others/Popup/PopupHeader'
-import ButtonBase from '@/components/FilesView/ButtonBase'
-import InfoBox from '@/components/Others/Forms/InfoBox'
-import Spinner from '@/components/FilesView/Spinner'
+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 {mapGetters} from "vuex"
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 import axios from 'axios'
 
 export default {
@@ -145,14 +145,14 @@ export default {
 		})
 	},
 	destroyed() {
-		events.off('popup:open')
+		events.$off('popup:open')
 	}
 }
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-	@import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+	@import '/resources/sass/vuefilemanager/_mixins';
 
 	.mobile-actions {
 		white-space: nowrap;
diff --git a/resources/js/components/Others/TwoFactorSetupPopup.vue b/resources/js/components/Others/TwoFactorSetupPopup.vue
index bd51b3fc..c3e13383 100644
--- a/resources/js/components/Others/TwoFactorSetupPopup.vue
+++ b/resources/js/components/Others/TwoFactorSetupPopup.vue
@@ -57,15 +57,15 @@
 
 <script>
 import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
-import PopupActions from '@/components/Others/Popup/PopupActions'
-import PopupContent from '@/components/Others/Popup/PopupContent'
-import PopupHeader from '@/components/Others/Popup/PopupHeader'
-import ButtonBase from '@/components/FilesView/ButtonBase'
-import InfoBox from '@/components/Others/Forms/InfoBox'
+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 {required} from 'vee-validate/dist/rules'
 import {mapGetters} from 'vuex'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 import axios from 'axios'
 
 export default {
@@ -196,8 +196,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "@assets/vuefilemanager/_inapp-forms.scss";
-@import '@assets/vuefilemanager/_forms';
+@import "resources/sass/vuefilemanager/_inapp-forms.scss";
+@import '/resources/sass/vuefilemanager/_forms';
 
 .qr-code-wrapper {
 	padding: 0 20px;
diff --git a/resources/js/components/Others/UpgradeSidebarBanner.vue b/resources/js/components/Others/UpgradeSidebarBanner.vue
index a631a4cf..36aa801d 100644
--- a/resources/js/components/Others/UpgradeSidebarBanner.vue
+++ b/resources/js/components/Others/UpgradeSidebarBanner.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script>
-    import ButtonBase from '@/components/FilesView/ButtonBase'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
     import { HardDriveIcon } from 'vue-feather-icons'
     import { mapGetters } from 'vuex'
 
@@ -37,8 +37,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .upgrade-banner {
         background: rgba($danger, 0.1);
diff --git a/resources/js/components/Others/UserAvatar.vue b/resources/js/components/Others/UserAvatar.vue
index 0c4c61eb..c09f03c9 100644
--- a/resources/js/components/Others/UserAvatar.vue
+++ b/resources/js/components/Others/UserAvatar.vue
@@ -26,8 +26,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .user-avatar {
         line-height: 0;
diff --git a/resources/js/components/Others/UserImageInput.vue b/resources/js/components/Others/UserImageInput.vue
index d26c5ef0..a285ab58 100644
--- a/resources/js/components/Others/UserImageInput.vue
+++ b/resources/js/components/Others/UserImageInput.vue
@@ -66,8 +66,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .dropzone {
         position: relative;
diff --git a/resources/js/components/Others/Vignette.vue b/resources/js/components/Others/Vignette.vue
index 2bd457c9..cd74e9c6 100644
--- a/resources/js/components/Others/Vignette.vue
+++ b/resources/js/components/Others/Vignette.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
     import { mapGetters } from 'vuex'
 
     export default {
@@ -47,8 +47,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .vignette {
         position: absolute;
diff --git a/resources/js/components/Sidebar/ContentGroup.vue b/resources/js/components/Sidebar/ContentGroup.vue
index 7583bbf7..9535e780 100644
--- a/resources/js/components/Sidebar/ContentGroup.vue
+++ b/resources/js/components/Sidebar/ContentGroup.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-    import TextLabel from '@/components/Others/TextLabel'
+    import TextLabel from '/resources/js/components/Others/TextLabel'
     import { ChevronUpIcon } from 'vue-feather-icons'
 
     export default {
@@ -54,7 +54,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .content-group {
         margin-bottom: 15px;
diff --git a/resources/js/components/Sidebar/ContentSidebar.vue b/resources/js/components/Sidebar/ContentSidebar.vue
index 41fe0cf2..27a9ad27 100644
--- a/resources/js/components/Sidebar/ContentSidebar.vue
+++ b/resources/js/components/Sidebar/ContentSidebar.vue
@@ -11,8 +11,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .content-sidebar {
         //background: linear-gradient(0deg, rgba(246, 245, 241, 0.4) 0%, rgba(243, 244, 246, 0.4) 100%);
diff --git a/resources/js/components/Sidebar/SidebarNavigation.vue b/resources/js/components/Sidebar/SidebarNavigation.vue
index c2acae78..f8861215 100644
--- a/resources/js/components/Sidebar/SidebarNavigation.vue
+++ b/resources/js/components/Sidebar/SidebarNavigation.vue
@@ -46,7 +46,7 @@
 </template>
 
 <script>
-    import UserAvatar from '@/components/Others/UserAvatar'
+    import UserAvatar from '/resources/js/components/Others/UserAvatar'
     import {mapGetters} from 'vuex'
     import {
     	MoonIcon,
@@ -127,8 +127,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
 	.dark-mode-switcher {
 		padding-top: 20px;
diff --git a/resources/js/components/Sidebar/UserHeadline.vue b/resources/js/components/Sidebar/UserHeadline.vue
index 6e1bcde1..7f6af453 100644
--- a/resources/js/components/Sidebar/UserHeadline.vue
+++ b/resources/js/components/Sidebar/UserHeadline.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-    import UserAvatar from '@/components/Others/UserAvatar'
+    import UserAvatar from '/resources/js/components/Others/UserAvatar'
     import { mapGetters } from 'vuex'
 
     export default {
@@ -26,8 +26,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .user-headline {
         display: flex;
diff --git a/resources/js/components/Spotlight/Spotlight.vue b/resources/js/components/Spotlight/Spotlight.vue
index 52866c35..580d9b6b 100644
--- a/resources/js/components/Spotlight/Spotlight.vue
+++ b/resources/js/components/Spotlight/Spotlight.vue
@@ -11,10 +11,10 @@
 					<search-icon :class="{'is-hidden': isLoading}" size="22" class="magnify text-theme" />
 				</div>
 				<input v-model="query" @keydown.enter="showSelected" @keydown.meta="proceedToSelect" @keyup.down="onPageDown" @keyup.up="onPageUp" type="text" placeholder="Spotlight search..." ref="searchInput">
-				<div class="input-hint">
+				<div v-if="! $isMobile()" class="input-hint">
 					<span class="title keyboard-hint">esc</span>
 				</div>
-				<div @click="exit" class="close-icon">
+				<div v-if="$isMobile()" @click="exit" class="close-icon">
 					<x-icon size="22" class="close"/>
 				</div>
 			</div>
@@ -30,7 +30,7 @@
 						:disable-highlight="true"
 						@click.native="exit"
 					/>
-					<div class="input-hint">
+					<div v-if="! $isMobile()" class="input-hint">
 						<span class="title">{{ i === 0 ? '↵' : metaKeyIcon + i}}</span>
 					</div>
 				</div>
@@ -45,10 +45,10 @@
 </template>
 
 <script>
-import FileItemList from '@/components/FilesView/FileItemList'
-import Spinner from '@/components/FilesView/Spinner'
+import FileItemList from '/resources/js/components/FilesView/FileItemList'
+import Spinner from '/resources/js/components/FilesView/Spinner'
 import {SearchIcon, XIcon} from 'vue-feather-icons'
-import {events} from '@/bus'
+import {events} from '/resources/js/bus'
 import {debounce} from 'lodash';
 import axios from "axios";
 
@@ -98,22 +98,27 @@ export default {
 			}
 		},
 		showSelected() {
-			// Go to files if isn't current location
-			// todo: fixnut reload na Files stranke
-			if (this.$route.name !== 'Files') {
-				this.$router.push({name: 'Files'})
-			}
+
+			let file = this.results[this.index]
 
 			// Show folder
-			if (this.results[this.index].type === 'folder') {
+			if (file.type === 'folder') {
+				// todo: fixnut reload na Files stranke
+				if (this.$route.name !== 'Files') {
+					this.$router.push({name: 'Files'})
+				}
+
 				this.$store.dispatch('getFolder', [{ folder: this.results[this.index], back: true, init: false }])
-			}
+			} else {
 
-			// Show file
-			if (this.results[this.index].type !== 'folder'){
-				this.$store.commit('ADD_TO_FAST_PREVIEW', this.results[this.index])
+				// Show file
+				if (['video', 'audio', 'image'].includes(file.type) || file.mimetype === 'pdf'){
+					this.$store.commit('ADD_TO_FAST_PREVIEW', this.results[this.index])
 
-				events.$emit('file-preview:show')
+					events.$emit('file-preview:show')
+				} else {
+					this.$downloadFile(file.file_url, file.name + '.' + file.mimetype)
+				}
 			}
 
 			this.exit()
@@ -177,8 +182,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 #spotlight {
 	position: absolute;
@@ -241,7 +246,6 @@ export default {
 
 	.close-icon {
 		cursor: pointer;
-		display: none;
 
 		.close {
 			transform: translateY(4px);
@@ -303,10 +307,6 @@ export default {
 				color: $dark_mode_text_primary;
 			}
 		}
-
-		.close-icon {
-			display: block;
-		}
 	}
 
 	.spotlight-results {
@@ -322,6 +322,21 @@ export default {
 	}
 }
 
+@media only screen and (max-width: 1024px) {
+
+	#spotlight .spotlight-wrapper {
+		margin-top: 30px;
+	}
+
+	.spotlight-search {
+		padding: 15px;
+	}
+
+	.spotlight-results {
+		margin-top: -2px;
+	}
+}
+
 @media only screen and (max-width: 690px) {
 	#spotlight {
 		background: white;
@@ -333,16 +348,6 @@ export default {
 			margin: 0;
 		}
 	}
-
-	.spotlight-search {
-		.keyboard-hint {
-			display: none;
-		}
-	}
-
-	.spotlight-results .input-hint {
-		display: none;
-	}
 }
 
 </style>
diff --git a/resources/js/helpers.js b/resources/js/helpers.js
index 0e84da36..ab2dfea9 100644
--- a/resources/js/helpers.js
+++ b/resources/js/helpers.js
@@ -1,4 +1,4 @@
-import i18n from '@/i18n/index'
+import i18n from '/resources/js/i18n/index'
 import store from './store/index'
 import {debounce, isArray} from "lodash";
 import {events} from './bus'
diff --git a/resources/js/store/modules/app.js b/resources/js/store/modules/app.js
index 0846631b..913bf2b9 100644
--- a/resources/js/store/modules/app.js
+++ b/resources/js/store/modules/app.js
@@ -1,4 +1,4 @@
-import i18n from '@/i18n/index'
+import i18n from '/resources/js/i18n/index'
 import axios from "axios";
 
 const defaultState = {
diff --git a/resources/js/store/modules/fileBrowser.js b/resources/js/store/modules/fileBrowser.js
index ed61650a..894dd4d5 100644
--- a/resources/js/store/modules/fileBrowser.js
+++ b/resources/js/store/modules/fileBrowser.js
@@ -1,8 +1,8 @@
 import Vue from "vue"
 import axios from 'axios'
-import {events} from '@/bus'
-import router from '@/router'
-import i18n from '@/i18n/index'
+import {events} from '/resources/js/bus'
+import router from '/resources/js/router'
+import i18n from '/resources/js/i18n/index'
 
 const defaultState = {
     currentFolder: undefined,
diff --git a/resources/js/store/modules/fileFunctions.js b/resources/js/store/modules/fileFunctions.js
index 47c0a17d..ca046836 100644
--- a/resources/js/store/modules/fileFunctions.js
+++ b/resources/js/store/modules/fileFunctions.js
@@ -1,6 +1,6 @@
-import i18n from '@/i18n/index'
-import router from '@/router'
-import {events} from '@/bus'
+import i18n from '/resources/js/i18n/index'
+import router from '/resources/js/router'
+import {events} from '/resources/js/bus'
 import {last} from 'lodash'
 import axios from 'axios'
 import Vue from 'vue'
diff --git a/resources/js/store/modules/sharing.js b/resources/js/store/modules/sharing.js
index 0a4c824d..640ca4a8 100644
--- a/resources/js/store/modules/sharing.js
+++ b/resources/js/store/modules/sharing.js
@@ -1,6 +1,6 @@
-import i18n from '@/i18n/index'
-import router from '@/router'
-import {events} from '@/bus'
+import i18n from '/resources/js/i18n/index'
+import router from '/resources/js/router'
+import {events} from '/resources/js/bus'
 import axios from 'axios'
 import Vue from "vue";
 
diff --git a/resources/js/store/modules/userAuth.js b/resources/js/store/modules/userAuth.js
index 6b511343..f3c141fc 100644
--- a/resources/js/store/modules/userAuth.js
+++ b/resources/js/store/modules/userAuth.js
@@ -1,5 +1,5 @@
 import axios from 'axios'
-import router from '@/router'
+import router from '/resources/js/router'
 import Vue from 'vue'
 
 const defaultState = {
diff --git a/resources/js/views/Admin.vue b/resources/js/views/Admin.vue
index 33fd74e8..b1ca973a 100644
--- a/resources/js/views/Admin.vue
+++ b/resources/js/views/Admin.vue
@@ -90,12 +90,12 @@
 
 <script>
     import { UsersIcon, SettingsIcon, FileTextIcon, CreditCardIcon, DatabaseIcon, BoxIcon, MonitorIcon, GlobeIcon } from 'vue-feather-icons'
-    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 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 { mapGetters } from 'vuex'
 
     export default {
diff --git a/resources/js/views/Admin/AppSettings/AppSettings.vue b/resources/js/views/Admin/AppSettings/AppSettings.vue
index 36eaf96b..fd2b8c21 100644
--- a/resources/js/views/Admin/AppSettings/AppSettings.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettings.vue
@@ -77,9 +77,9 @@
 
 <script>
     import {UsersIcon, SettingsIcon, Trash2Icon, EyeIcon, FileTextIcon, CodeIcon, MailIcon, CreditCardIcon, HomeIcon} from 'vue-feather-icons'
-    import MobileHeader from '@/components/Mobile/MobileHeader'
-    import SectionTitle from '@/components/Others/SectionTitle'
-    import PageHeader from '@/components/Others/PageHeader'
+    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 {mapGetters} from 'vuex'
 
     export default {
@@ -105,6 +105,6 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 </style>
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue
index 86982786..0c36ac5a 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue
@@ -84,15 +84,15 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import StorageItemDetail from '@/components/Others/StorageItemDetail'
-    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 StorageItemDetail from '/resources/js/components/Others/StorageItemDetail'
+    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 {required} from 'vee-validate/dist/rules'
     import axios from 'axios'
 
@@ -144,9 +144,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Billings.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Billings.vue
index 31670fe2..aed22d0b 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Billings.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Billings.vue
@@ -94,15 +94,15 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import StorageItemDetail from '@/components/Others/StorageItemDetail'
-    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 StorageItemDetail from '/resources/js/components/Others/StorageItemDetail'
+    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 {required} from 'vee-validate/dist/rules'
     import axios from 'axios'
     import { mapGetters } from 'vuex'
@@ -158,9 +158,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Email.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Email.vue
index b86e0907..58433205 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Email.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Email.vue
@@ -69,17 +69,17 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import StorageItemDetail from '@/components/Others/StorageItemDetail'
-    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 StorageItemDetail from '/resources/js/components/Others/StorageItemDetail'
+    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 {required} from 'vee-validate/dist/rules'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -160,9 +160,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue
index 5f315ccb..936d5254 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue
@@ -252,16 +252,16 @@
 
 <script>
 import { ValidationProvider, ValidationObserver } from 'vee-validate/dist/vee-validate.full'
-import StorageItemDetail from '@/components/Others/StorageItemDetail'
-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 StorageItemDetail from '/resources/js/components/Others/StorageItemDetail'
+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 { required } from 'vee-validate/dist/rules'
 import axios from 'axios'
 import { mapGetters } from 'vuex'
@@ -330,9 +330,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
-@import '@assets/vuefilemanager/_forms';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
+@import '/resources/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 cabd0e33..cddc8feb 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Others.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Others.vue
@@ -133,18 +133,18 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import StorageItemDetail from '@/components/Others/StorageItemDetail'
-    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 StorageItemDetail from '/resources/js/components/Others/StorageItemDetail'
+    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 {required} from 'vee-validate/dist/rules'
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -213,9 +213,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Payments.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Payments.vue
index 00c6cae9..ce8d7237 100644
--- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Payments.vue
+++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Payments.vue
@@ -97,19 +97,19 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import StorageItemDetail from '@/components/Others/StorageItemDetail'
-    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 StorageItemDetail from '/resources/js/components/Others/StorageItemDetail'
+    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 {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -210,9 +210,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Dashboard.vue b/resources/js/views/Admin/Dashboard.vue
index 4efeefee..245a9240 100644
--- a/resources/js/views/Admin/Dashboard.vue
+++ b/resources/js/views/Admin/Dashboard.vue
@@ -82,19 +82,19 @@
 </template>
 
 <script>
-    import WidgetLatestRegistrations from '@/components/Admin/WidgetLatestRegistrations'
-    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 WidgetTotals from '@/components/Admin/WidgetTotals'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
-    import PageHeader from '@/components/Others/PageHeader'
-    import ColorLabel from '@/components/Others/ColorLabel'
-    import Spinner from '@/components/FilesView/Spinner'
+    import WidgetLatestRegistrations from '/resources/js/components/Admin/WidgetLatestRegistrations'
+    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 WidgetTotals from '/resources/js/components/Admin/WidgetTotals'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import PageHeader from '/resources/js/components/Others/PageHeader'
+    import ColorLabel from '/resources/js/components/Others/ColorLabel'
+    import Spinner from '/resources/js/components/FilesView/Spinner'
     import {CreditCardIcon} from "vue-feather-icons"
     import { mapGetters } from 'vuex'
     import axios from 'axios'
@@ -144,8 +144,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .dashboard-notice {
         margin-bottom: 20px;
diff --git a/resources/js/views/Admin/Invoices.vue b/resources/js/views/Admin/Invoices.vue
index dfba2b2f..77785b76 100644
--- a/resources/js/views/Admin/Invoices.vue
+++ b/resources/js/views/Admin/Invoices.vue
@@ -84,17 +84,17 @@
 </template>
 
 <script>
-    import DatatableCellImage from '@/components/Others/Tables/DatatableCellImage'
-    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 PageHeader from '@/components/Others/PageHeader'
-    import ColorLabel from '@/components/Others/ColorLabel'
-    import Spinner from '@/components/FilesView/Spinner'
+    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 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 PageHeader from '/resources/js/components/Others/PageHeader'
+    import ColorLabel from '/resources/js/components/Others/ColorLabel'
+    import Spinner from '/resources/js/components/FilesView/Spinner'
     import {ExternalLinkIcon} from "vue-feather-icons";
     import { mapGetters } from 'vuex'
     import axios from 'axios'
@@ -163,8 +163,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .user-thumbnail {
         display: flex;
diff --git a/resources/js/views/Admin/Languages/Language.vue b/resources/js/views/Admin/Languages/Language.vue
index 785b9e18..bb36c087 100644
--- a/resources/js/views/Admin/Languages/Language.vue
+++ b/resources/js/views/Admin/Languages/Language.vue
@@ -147,18 +147,18 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import MobileActionButton from '@/components/FilesView/MobileActionButton'
-    import SwitchInput from '@/components/Others/Forms/SwitchInput'
-    import SearchInput from '@/components/Others/Forms/SearchInput'
-    import FormLabel from '@/components/Others/Forms/FormLabel'
-    import MobileHeader from '@/components/Mobile/MobileHeader'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
-    import PageHeader from '@/components/Others/PageHeader'
-    import Spinner from '@/components/FilesView/Spinner'
+    import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
+    import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
+    import SearchInput from '/resources/js/components/Others/Forms/SearchInput'
+    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import PageHeader from '/resources/js/components/Others/PageHeader'
+    import Spinner from '/resources/js/components/FilesView/Spinner'
     import {PlusIcon, XIcon} from 'vue-feather-icons'
     import {debounce, omitBy} from 'lodash'
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'Language',
@@ -276,10 +276,10 @@
 </script>
 
 <style lang="scss" scoped>
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
-@import '@assets/vuefilemanager/_forms';
-@import '@assets/vuefilemanager/_vuewind';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_forms';
+@import '/resources/sass/vuefilemanager/_vuewind';
 
 .dynamic-content {
     position: relative;
diff --git a/resources/js/views/Admin/Pages.vue b/resources/js/views/Admin/Pages.vue
index 1adbb2aa..9420f5e4 100644
--- a/resources/js/views/Admin/Pages.vue
+++ b/resources/js/views/Admin/Pages.vue
@@ -43,17 +43,17 @@
 </template>
 
 <script>
-    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 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 {Trash2Icon, Edit2Icon} from "vue-feather-icons";
-    import PageHeader from '@/components/Others/PageHeader'
-    import ColorLabel from '@/components/Others/ColorLabel'
-    import Spinner from '@/components/FilesView/Spinner'
+    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 axios from 'axios'
 
     export default {
@@ -107,8 +107,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .table-tools {
         background: white;
diff --git a/resources/js/views/Admin/Pages/PageEdit.vue b/resources/js/views/Admin/Pages/PageEdit.vue
index 9c31d96f..87059eed 100644
--- a/resources/js/views/Admin/Pages/PageEdit.vue
+++ b/resources/js/views/Admin/Pages/PageEdit.vue
@@ -65,14 +65,14 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import FormLabel from '@/components/Others/Forms/FormLabel'
+    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
     import {required} from 'vee-validate/dist/rules'
-    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 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 axios from 'axios'
 
     export default {
@@ -111,7 +111,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 </style>
diff --git a/resources/js/views/Admin/Plans.vue b/resources/js/views/Admin/Plans.vue
index b25ef5cd..c0fe53a0 100644
--- a/resources/js/views/Admin/Plans.vue
+++ b/resources/js/views/Admin/Plans.vue
@@ -96,17 +96,17 @@
 </template>
 
 <script>
-    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 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 {Trash2Icon, Edit2Icon} from "vue-feather-icons";
-    import PageHeader from '@/components/Others/PageHeader'
-    import ColorLabel from '@/components/Others/ColorLabel'
-    import Spinner from '@/components/FilesView/Spinner'
+    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 { mapGetters } from 'vuex'
     import axios from 'axios'
 
@@ -188,8 +188,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .table-tools {
         background: white;
diff --git a/resources/js/views/Admin/Plans/Plan.vue b/resources/js/views/Admin/Plans/Plan.vue
index 872d0e70..2879ee58 100644
--- a/resources/js/views/Admin/Plans/Plan.vue
+++ b/resources/js/views/Admin/Plans/Plan.vue
@@ -51,10 +51,10 @@
 
 <script>
     import {UsersIcon, SettingsIcon, Trash2Icon} from 'vue-feather-icons'
-    import MobileHeader from '@/components/Mobile/MobileHeader'
-    import SectionTitle from '@/components/Others/SectionTitle'
-    import PageHeader from '@/components/Others/PageHeader'
-    import Spinner from '@/components/FilesView/Spinner'
+    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 Spinner from '/resources/js/components/FilesView/Spinner'
     import axios from 'axios'
 
     export default {
@@ -85,8 +85,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .user-thumbnail {
         display: flex;
diff --git a/resources/js/views/Admin/Plans/PlanCreate.vue b/resources/js/views/Admin/Plans/PlanCreate.vue
index d81a5909..5fd2e981 100644
--- a/resources/js/views/Admin/Plans/PlanCreate.vue
+++ b/resources/js/views/Admin/Plans/PlanCreate.vue
@@ -78,17 +78,17 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    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 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 {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -174,7 +174,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 </style>
diff --git a/resources/js/views/Admin/Plans/PlanTabs/PlanDelete.vue b/resources/js/views/Admin/Plans/PlanTabs/PlanDelete.vue
index 18d4899d..5ada7e6e 100644
--- a/resources/js/views/Admin/Plans/PlanTabs/PlanDelete.vue
+++ b/resources/js/views/Admin/Plans/PlanTabs/PlanDelete.vue
@@ -24,16 +24,16 @@
 </template>
 
 <script>
-    import FormLabel from '@/components/Others/Forms/FormLabel'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
+    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
 
-    import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
-    import PageTab from '@/components/Others/Layout/PageTab'
+    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
+    import PageTab from '/resources/js/components/Others/Layout/PageTab'
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import SetupBox from '@/components/Others/Forms/SetupBox'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
     import {required, is} from 'vee-validate/dist/rules'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -105,9 +105,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Plans/PlanTabs/PlanSettings.vue b/resources/js/views/Admin/Plans/PlanTabs/PlanSettings.vue
index f2f9979a..ebd0f1c3 100644
--- a/resources/js/views/Admin/Plans/PlanTabs/PlanSettings.vue
+++ b/resources/js/views/Admin/Plans/PlanTabs/PlanSettings.vue
@@ -59,15 +59,15 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import StorageItemDetail from '@/components/Others/StorageItemDetail'
-    import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
-    import SwitchInput from '@/components/Others/Forms/SwitchInput'
-    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 PageTab from '@/components/Others/Layout/PageTab'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
+    import StorageItemDetail from '/resources/js/components/Others/StorageItemDetail'
+    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
+    import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
+    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 PageTab from '/resources/js/components/Others/Layout/PageTab'
+    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
     import {required} from 'vee-validate/dist/rules'
 
     export default {
@@ -104,9 +104,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Plans/PlanTabs/PlanSubscribers.vue b/resources/js/views/Admin/Plans/PlanTabs/PlanSubscribers.vue
index 7f0993e3..d8ed2930 100644
--- a/resources/js/views/Admin/Plans/PlanTabs/PlanSubscribers.vue
+++ b/resources/js/views/Admin/Plans/PlanTabs/PlanSubscribers.vue
@@ -45,12 +45,12 @@
 </template>
 
 <script>
-    import DatatableCellImage from '@/components/Others/Tables/DatatableCellImage'
+    import DatatableCellImage from '/resources/js/components/Others/Tables/DatatableCellImage'
     import {DownloadCloudIcon, Edit2Icon, Trash2Icon} from "vue-feather-icons"
-    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 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'
 
     export default {
@@ -91,9 +91,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Users.vue b/resources/js/views/Admin/Users.vue
index ce49f075..a68bc2a5 100644
--- a/resources/js/views/Admin/Users.vue
+++ b/resources/js/views/Admin/Users.vue
@@ -86,16 +86,16 @@
 </template>
 
 <script>
-    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 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 {Trash2Icon, Edit2Icon} from "vue-feather-icons";
-    import PageHeader from '@/components/Others/PageHeader'
-    import ColorLabel from '@/components/Others/ColorLabel'
-    import Spinner from '@/components/FilesView/Spinner'
+    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 {mapGetters} from "vuex"
     import axios from 'axios'
 
@@ -180,8 +180,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .table-tools {
         background: white;
diff --git a/resources/js/views/Admin/Users/User.vue b/resources/js/views/Admin/Users/User.vue
index 52c76435..b9409ebb 100644
--- a/resources/js/views/Admin/Users/User.vue
+++ b/resources/js/views/Admin/Users/User.vue
@@ -92,12 +92,12 @@
 
 <script>
     import {UserIcon, HardDriveIcon, LockIcon, Trash2Icon, FileTextIcon, CreditCardIcon} from 'vue-feather-icons'
-    import StorageItemDetail from '@/components/Others/StorageItemDetail'
-    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 StorageItemDetail from '/resources/js/components/Others/StorageItemDetail'
+    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 {mapGetters} from 'vuex'
     import axios from 'axios'
 
@@ -145,8 +145,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .user-thumbnail {
         display: flex;
diff --git a/resources/js/views/Admin/Users/UserCreate.vue b/resources/js/views/Admin/Users/UserCreate.vue
index ca662a79..124726fb 100644
--- a/resources/js/views/Admin/Users/UserCreate.vue
+++ b/resources/js/views/Admin/Users/UserCreate.vue
@@ -91,16 +91,16 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    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 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 {required} from 'vee-validate/dist/rules'
     import { mapGetters } from 'vuex'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -226,7 +226,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 </style>
diff --git a/resources/js/views/Admin/Users/UserTabs/UserDelete.vue b/resources/js/views/Admin/Users/UserTabs/UserDelete.vue
index a47507e2..0d1f4784 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserDelete.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserDelete.vue
@@ -28,16 +28,16 @@
 </template>
 
 <script>
-    import FormLabel from '@/components/Others/Forms/FormLabel'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
+    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
 
-    import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
-    import PageTab from '@/components/Others/Layout/PageTab'
+    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
+    import PageTab from '/resources/js/components/Others/Layout/PageTab'
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import SetupBox from '@/components/Others/Forms/SetupBox'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
     import {required, is} from 'vee-validate/dist/rules'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -125,9 +125,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Users/UserTabs/UserDetail.vue b/resources/js/views/Admin/Users/UserTabs/UserDetail.vue
index 7514f1ec..5cef7776 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserDetail.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserDetail.vue
@@ -134,18 +134,18 @@
 </template>
 
 <script>
-    import InfoBox from '@/components/Others/Forms/InfoBox'
-    import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
-    import PageTab from '@/components/Others/Layout/PageTab'
+    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 {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import StorageItemDetail from '@/components/Others/StorageItemDetail'
-    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 StorageItemDetail from '/resources/js/components/Others/StorageItemDetail'
+    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 {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -221,9 +221,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Users/UserTabs/UserInvoices.vue b/resources/js/views/Admin/Users/UserTabs/UserInvoices.vue
index 2954f918..a74db1a2 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserInvoices.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserInvoices.vue
@@ -54,11 +54,11 @@
 </template>
 
 <script>
-    import DatatableWrapper from '@/components/Others/Tables/DatatableWrapper'
-    import EmptyPageContent from '@/components/Others/EmptyPageContent'
-    import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
-    import PageTab from '@/components/Others/Layout/PageTab'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
+    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
+    import EmptyPageContent from '/resources/js/components/Others/EmptyPageContent'
+    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 {ExternalLinkIcon} from "vue-feather-icons";
     import axios from 'axios'
 
@@ -107,9 +107,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Users/UserTabs/UserPassword.vue b/resources/js/views/Admin/Users/UserTabs/UserPassword.vue
index 26eaac65..e304999a 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserPassword.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserPassword.vue
@@ -16,15 +16,15 @@
 </template>
 
 <script>
-    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 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 {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import SetupBox from '@/components/Others/Forms/SetupBox'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
     import {required} from 'vee-validate/dist/rules'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -78,9 +78,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Users/UserTabs/UserStorage.vue b/resources/js/views/Admin/Users/UserTabs/UserStorage.vue
index 9ca8d411..d8e4229f 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserStorage.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserStorage.vue
@@ -46,16 +46,16 @@
 </template>
 
 <script>
-    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 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 {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import StorageItemDetail from '@/components/Others/StorageItemDetail'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import SetupBox from '@/components/Others/Forms/SetupBox'
+    import StorageItemDetail from '/resources/js/components/Others/StorageItemDetail'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import SetupBox from '/resources/js/components/Others/Forms/SetupBox'
     import {required} from 'vee-validate/dist/rules'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
     import {mapGetters} from "vuex";
 
@@ -154,9 +154,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/Admin/Users/UserTabs/UserSubscription.vue b/resources/js/views/Admin/Users/UserTabs/UserSubscription.vue
index 68baa9e6..4705e08f 100644
--- a/resources/js/views/Admin/Users/UserTabs/UserSubscription.vue
+++ b/resources/js/views/Admin/Users/UserTabs/UserSubscription.vue
@@ -36,17 +36,17 @@
 </template>
 
 <script>
-    import DatatableWrapper from '@/components/Others/Tables/DatatableWrapper'
-    import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
-    import ListInfoItem from '@/components/Others/ListInfoItem'
-    import FormLabel from '@/components/Others/Forms/FormLabel'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import PageTab from '@/components/Others/Layout/PageTab'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
-    import ListInfo from '@/components/Others/ListInfo'
+    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
+    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
+    import ListInfoItem from '/resources/js/components/Others/ListInfoItem'
+    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import PageTab from '/resources/js/components/Others/Layout/PageTab'
+    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import ListInfo from '/resources/js/components/Others/ListInfo'
     import {ExternalLinkIcon} from "vue-feather-icons"
     import {mapGetters} from 'vuex'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -96,8 +96,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .cancel-plan {
         margin-top: 10px;
diff --git a/resources/js/views/Auth/CreateNewPassword.vue b/resources/js/views/Auth/CreateNewPassword.vue
index 8fbf52ca..2707d39c 100644
--- a/resources/js/views/Auth/CreateNewPassword.vue
+++ b/resources/js/views/Auth/CreateNewPassword.vue
@@ -70,10 +70,10 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '@/components/Auth/AuthContentWrapper'
+    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import AuthContent from '@/components/Auth/AuthContent'
-    import AuthButton from '@/components/Auth/AuthButton'
+    import AuthContent from '/resources/js/components/Auth/AuthContent'
+    import AuthButton from '/resources/js/components/Auth/AuthButton'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
     import axios from 'axios'
@@ -175,6 +175,6 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_auth-form';
-    @import '@assets/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_auth-form';
+    @import '/resources/sass/vuefilemanager/_auth';
 </style>
diff --git a/resources/js/views/Auth/ForgottenPassword.vue b/resources/js/views/Auth/ForgottenPassword.vue
index 36c4e1cf..cf79b077 100644
--- a/resources/js/views/Auth/ForgottenPassword.vue
+++ b/resources/js/views/Auth/ForgottenPassword.vue
@@ -47,10 +47,10 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '@/components/Auth/AuthContentWrapper'
+    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import AuthContent from '@/components/Auth/AuthContent'
-    import AuthButton from '@/components/Auth/AuthButton'
+    import AuthContent from '/resources/js/components/Auth/AuthContent'
+    import AuthButton from '/resources/js/components/Auth/AuthButton'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
     import axios from 'axios'
@@ -127,6 +127,6 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_auth-form';
-    @import '@assets/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_auth-form';
+    @import '/resources/sass/vuefilemanager/_auth';
 </style>
diff --git a/resources/js/views/Auth/SignIn.vue b/resources/js/views/Auth/SignIn.vue
index a385436b..9201f8c5 100644
--- a/resources/js/views/Auth/SignIn.vue
+++ b/resources/js/views/Auth/SignIn.vue
@@ -150,14 +150,14 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '@/components/Auth/AuthContentWrapper'
+    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import AuthContent from '@/components/Auth/AuthContent'
-    import AuthButton from '@/components/Auth/AuthButton'
-    import Spinner from '@/components/FilesView/Spinner'
+    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 {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -383,8 +383,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_auth-form';
-    @import '@assets/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_auth-form';
+    @import '/resources/sass/vuefilemanager/_auth';
 
     .spinner-wrapper {
         width: 100%;
diff --git a/resources/js/views/Auth/SignUp.vue b/resources/js/views/Auth/SignUp.vue
index ea247254..356882f3 100644
--- a/resources/js/views/Auth/SignUp.vue
+++ b/resources/js/views/Auth/SignUp.vue
@@ -76,13 +76,13 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '@/components/Auth/AuthContentWrapper'
+    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import AuthContent from '@/components/Auth/AuthContent'
-    import AuthButton from '@/components/Auth/AuthButton'
+    import AuthContent from '/resources/js/components/Auth/AuthContent'
+    import AuthButton from '/resources/js/components/Auth/AuthButton'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -190,8 +190,8 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_auth-form';
-    @import '@assets/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_auth-form';
+    @import '/resources/sass/vuefilemanager/_auth';
 
     .legal-agreement {
         @include font-size(16);
diff --git a/resources/js/views/Auth/SuccessfullyEmailVerified.vue b/resources/js/views/Auth/SuccessfullyEmailVerified.vue
index 1626bd0b..1edae679 100644
--- a/resources/js/views/Auth/SuccessfullyEmailVerified.vue
+++ b/resources/js/views/Auth/SuccessfullyEmailVerified.vue
@@ -16,9 +16,9 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '@/components/Auth/AuthContentWrapper'
-    import AuthContent from '@/components/Auth/AuthContent'
-    import AuthButton from '@/components/Auth/AuthButton'
+    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 {mapGetters} from 'vuex'
 
     export default {
@@ -35,6 +35,6 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_auth-form';
-    @import '@assets/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_auth-form';
+    @import '/resources/sass/vuefilemanager/_auth';
 </style>
diff --git a/resources/js/views/Auth/SuccessfullySendEmail.vue b/resources/js/views/Auth/SuccessfullySendEmail.vue
index dd8016d1..69ec4ab4 100644
--- a/resources/js/views/Auth/SuccessfullySendEmail.vue
+++ b/resources/js/views/Auth/SuccessfullySendEmail.vue
@@ -18,9 +18,9 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '@/components/Auth/AuthContentWrapper'
-    import AuthContent from '@/components/Auth/AuthContent'
-    import AuthButton from '@/components/Auth/AuthButton'
+    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 {mapGetters} from 'vuex'
 
     export default {
@@ -37,6 +37,6 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_auth-form';
-    @import '@assets/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_auth-form';
+    @import '/resources/sass/vuefilemanager/_auth';
 </style>
diff --git a/resources/js/views/FilePages/Files.vue b/resources/js/views/FilePages/Files.vue
index 24852d86..47f39b22 100644
--- a/resources/js/views/FilePages/Files.vue
+++ b/resources/js/views/FilePages/Files.vue
@@ -80,14 +80,14 @@
 </template>
 
 <script>
-import UpgradeSidebarBanner from '@/components/Others/UpgradeSidebarBanner'
-import TreeMenuNavigator from '@/components/Others/TreeMenuNavigator'
-import TitlePreview from '@/components/FilesView/TitlePreview'
-import ContentFileView from '@/components/Others/ContentFileView'
-import ContentSidebar from '@/components/Sidebar/ContentSidebar'
-import ContentGroup from '@/components/Sidebar/ContentGroup'
+import UpgradeSidebarBanner from '/resources/js/components/Others/UpgradeSidebarBanner'
+import TreeMenuNavigator from '/resources/js/components/Others/TreeMenuNavigator'
+import TitlePreview from '/resources/js/components/FilesView/TitlePreview'
+import ContentFileView from '/resources/js/components/Others/ContentFileView'
+import ContentSidebar from '/resources/js/components/Sidebar/ContentSidebar'
+import ContentGroup from '/resources/js/components/Sidebar/ContentGroup'
 import { mapGetters } from 'vuex'
-import { events } from '@/bus'
+import { events } from '/resources/js/bus'
 import {
     UploadCloudIcon,
     FolderIcon,
diff --git a/resources/js/views/Frontpage/ContactUs.vue b/resources/js/views/Frontpage/ContactUs.vue
index 4487eac2..207a79bc 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 '@/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 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 {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
     import axios from 'axios'
@@ -128,10 +128,10 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_landing-page';
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_landing-page';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .form {
         max-width: 100%;
diff --git a/resources/js/views/Frontpage/DynamicPage.vue b/resources/js/views/Frontpage/DynamicPage.vue
index b7dbb152..0548f6c4 100644
--- a/resources/js/views/Frontpage/DynamicPage.vue
+++ b/resources/js/views/Frontpage/DynamicPage.vue
@@ -23,9 +23,9 @@
 </template>
 
 <script>
-    import PageTitle from '@/components/Index/Components/PageTitle'
-    import PageFooter from '@/components/Index/IndexPageFooter'
-    import Navigation from '@/components/Index/IndexNavigation'
+    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 {mapGetters} from 'vuex'
     import axios from 'axios'
 
@@ -67,9 +67,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_landing-page';
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_landing-page';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .headline {
         padding-top: 70px;
diff --git a/resources/js/views/Frontpage/Homepage.vue b/resources/js/views/Frontpage/Homepage.vue
index 2a2a51ae..1b9f32f8 100644
--- a/resources/js/views/Frontpage/Homepage.vue
+++ b/resources/js/views/Frontpage/Homepage.vue
@@ -29,14 +29,14 @@
 </template>
 
 <script>
-    import HeroScreenshot from '@/components/Index/IndexHeroScreenshot'
-    import PricingTables from '@/components/Index/IndexPricingTables'
-    import MainFeatures from '@/components/Index/IndexMainFeatures'
-    import Navigation from '@/components/Index/IndexNavigation'
-    import PageHeader from '@/components/Index/IndexPageHeader'
-    import GetStarted from '@/components/Index/IndexGetStarted'
-    import PageFooter from '@/components/Index/IndexPageFooter'
-    import Spinner from '@/components/FilesView/Spinner'
+    import HeroScreenshot from '/resources/js/components/Index/IndexHeroScreenshot'
+    import PricingTables from '/resources/js/components/Index/IndexPricingTables'
+    import MainFeatures from '/resources/js/components/Index/IndexMainFeatures'
+    import Navigation from '/resources/js/components/Index/IndexNavigation'
+    import PageHeader from '/resources/js/components/Index/IndexPageHeader'
+    import GetStarted from '/resources/js/components/Index/IndexGetStarted'
+    import PageFooter from '/resources/js/components/Index/IndexPageFooter'
+    import Spinner from '/resources/js/components/FilesView/Spinner'
     import { mapGetters } from 'vuex'
     import axios from 'axios'
 
@@ -85,7 +85,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_landing-page';
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_landing-page';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 </style>
diff --git a/resources/js/views/NotFound.vue b/resources/js/views/NotFound.vue
index f17a16ee..79316925 100644
--- a/resources/js/views/NotFound.vue
+++ b/resources/js/views/NotFound.vue
@@ -19,10 +19,10 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '@/components/Auth/AuthContentWrapper'
+    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import AuthContent from '@/components/Auth/AuthContent'
-    import AuthButton from '@/components/Auth/AuthButton'
+    import AuthContent from '/resources/js/components/Auth/AuthContent'
+    import AuthButton from '/resources/js/components/Auth/AuthButton'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
     import axios from 'axios'
@@ -49,5 +49,5 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_auth';
 </style>
diff --git a/resources/js/views/Platform.vue b/resources/js/views/Platform.vue
index 76d338d3..edc78970 100644
--- a/resources/js/views/Platform.vue
+++ b/resources/js/views/Platform.vue
@@ -39,25 +39,25 @@
 </template>
 
 <script>
-    import Spotlight from '@/components/Spotlight/Spotlight'
-    import MultiSelectToolbarMobile from '@/components/FilesView/MultiSelectToolbarMobile'
-    import FileSortingMobile from '@/components/FilesView/FileSortingMobile'
-    import SidebarNavigation from '@/components/Sidebar/SidebarNavigation'
-    import FileFilterMobile from '@/components/FilesView/FileFilterMobile'
-    import CreateListMobile from '@/components/FilesView/CreateListMobile'
-    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 FileMenuMobile from '@/components/FilesView/FileMenuMobile'
-    import ConfirmPopup from '@/components/Others/Popup/ConfirmPopup'
-    import RenameItemPopup from '@/components/Others/RenameItemPopup'
-    import ShareEditPopup from '@/components/Others/ShareEditPopup'
-    import MoveItemPopup from '@/components/Others/MoveItemPopup'
-    import FilePreview from '@/components/FilePreview/FilePreview'
-    import DragUI from '@/components/FilesView/DragUI'
+    import Spotlight from '/resources/js/components/Spotlight/Spotlight'
+    import MultiSelectToolbarMobile from '/resources/js/components/FilesView/MultiSelectToolbarMobile'
+    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 CreateListMobile from '/resources/js/components/FilesView/CreateListMobile'
+    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 FileMenuMobile from '/resources/js/components/FilesView/FileMenuMobile'
+    import ConfirmPopup from '/resources/js/components/Others/Popup/ConfirmPopup'
+    import RenameItemPopup from '/resources/js/components/Others/RenameItemPopup'
+    import ShareEditPopup from '/resources/js/components/Others/ShareEditPopup'
+    import MoveItemPopup from '/resources/js/components/Others/MoveItemPopup'
+    import FilePreview from '/resources/js/components/FilePreview/FilePreview'
+    import DragUI from '/resources/js/components/FilesView/DragUI'
     import {mapGetters} from 'vuex'
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'Platform',
@@ -111,7 +111,7 @@
 </script>
 
 <style lang="scss">
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     @media only screen and (max-width: 690px) {
 
diff --git a/resources/js/views/Profile.vue b/resources/js/views/Profile.vue
index 5ad44171..ba98628c 100644
--- a/resources/js/views/Profile.vue
+++ b/resources/js/views/Profile.vue
@@ -132,18 +132,18 @@
 </template>
 
 <script>
-	import TwoFactorRecoveryCodesPopup from '@/components/Others/TwoFactorRecoveryCodesPopup'
-	import CreatePersonaTokenPopup from '@/components/Others/CreatePersonaTokenPopup'
-	import TwoFactorSetupPopup from '@/components/Others/TwoFactorSetupPopup'
-    import ContentSidebar from '@/components/Sidebar/ContentSidebar'
-    import ContentGroup from '@/components/Sidebar/ContentGroup'
-    import UserImageInput from '@/components/Others/UserImageInput'
-    import MobileHeader from '@/components/Mobile/MobileHeader'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
-    import PageHeader from '@/components/Others/PageHeader'
-    import ColorLabel from '@/components/Others/ColorLabel'
-    import Spinner from '@/components/FilesView/Spinner'
+	import TwoFactorRecoveryCodesPopup from '/resources/js/components/Others/TwoFactorRecoveryCodesPopup'
+	import CreatePersonaTokenPopup from '/resources/js/components/Others/CreatePersonaTokenPopup'
+	import TwoFactorSetupPopup from '/resources/js/components/Others/TwoFactorSetupPopup'
+    import ContentSidebar from '/resources/js/components/Sidebar/ContentSidebar'
+    import ContentGroup from '/resources/js/components/Sidebar/ContentGroup'
+    import UserImageInput from '/resources/js/components/Others/UserImageInput'
+    import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import PageHeader from '/resources/js/components/Others/PageHeader'
+    import ColorLabel from '/resources/js/components/Others/ColorLabel'
+    import Spinner from '/resources/js/components/FilesView/Spinner'
     import { mapGetters } from 'vuex'
     import {
         CreditCardIcon,
@@ -206,8 +206,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .page-detail-headline {
         display: flex;
diff --git a/resources/js/views/SetupWizard/AdminAccount.vue b/resources/js/views/SetupWizard/AdminAccount.vue
index e750041e..a36fe986 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 '@/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 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 { SettingsIcon } from 'vue-feather-icons'
     import {required} from 'vee-validate/dist/rules'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -205,7 +205,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_forms';
-    @import '@assets/vuefilemanager/_auth';
-    @import '@assets/vuefilemanager/_setup_wizard';
+    @import '/resources/sass/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/AppSetup.vue b/resources/js/views/SetupWizard/AppSetup.vue
index 921788cf..ace72a56 100644
--- a/resources/js/views/SetupWizard/AppSetup.vue
+++ b/resources/js/views/SetupWizard/AppSetup.vue
@@ -136,14 +136,14 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    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 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 {SettingsIcon} from 'vue-feather-icons'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
@@ -255,7 +255,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_forms';
-    @import '@assets/vuefilemanager/_auth';
-    @import '@assets/vuefilemanager/_setup_wizard';
+    @import '/resources/sass/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/BillingsDetail.vue b/resources/js/views/SetupWizard/BillingsDetail.vue
index 8ff2c1c2..2e469d3b 100644
--- a/resources/js/views/SetupWizard/BillingsDetail.vue
+++ b/resources/js/views/SetupWizard/BillingsDetail.vue
@@ -107,12 +107,12 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    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 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 {SettingsIcon} from 'vue-feather-icons'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
@@ -184,8 +184,8 @@
 </script>
 
 <style scoped lang="scss">
-    //@import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vuefilemanager/_forms';
-    @import '@assets/vuefilemanager/_auth';
-    @import '@assets/vuefilemanager/_setup_wizard';
+    //@import '/resources/sass/vue-file-manager/_auth-form';
+    @import '/resources/sass/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/Database.vue b/resources/js/views/SetupWizard/Database.vue
index db05054d..0eb5a9ae 100644
--- a/resources/js/views/SetupWizard/Database.vue
+++ b/resources/js/views/SetupWizard/Database.vue
@@ -86,12 +86,12 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    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 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 { SettingsIcon } from 'vue-feather-icons'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
@@ -179,8 +179,8 @@
 </script>
 
 <style scoped lang="scss">
-    //@import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vuefilemanager/_forms';
-    @import '@assets/vuefilemanager/_auth';
-    @import '@assets/vuefilemanager/_setup_wizard';
+    //@import '/resources/sass/vue-file-manager/_auth-form';
+    @import '/resources/sass/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/EnvironmentSetup.vue b/resources/js/views/SetupWizard/EnvironmentSetup.vue
index 6fab07a9..2660f6d2 100644
--- a/resources/js/views/SetupWizard/EnvironmentSetup.vue
+++ b/resources/js/views/SetupWizard/EnvironmentSetup.vue
@@ -134,12 +134,12 @@
 
 <script>
 import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-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 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 {SettingsIcon} from 'vue-feather-icons'
 import {required} from 'vee-validate/dist/rules'
 import {mapGetters} from 'vuex'
@@ -510,7 +510,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-@import '@assets/vuefilemanager/_forms';
-@import '@assets/vuefilemanager/_auth';
-@import '@assets/vuefilemanager/_setup_wizard';
+@import '/resources/sass/vuefilemanager/_forms';
+@import '/resources/sass/vuefilemanager/_auth';
+@import '/resources/sass/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/InstallationDisclaimer.vue b/resources/js/views/SetupWizard/InstallationDisclaimer.vue
index cadc86e3..89cf7421 100644
--- a/resources/js/views/SetupWizard/InstallationDisclaimer.vue
+++ b/resources/js/views/SetupWizard/InstallationDisclaimer.vue
@@ -68,13 +68,13 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    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 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 { SettingsIcon } from 'vue-feather-icons'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
@@ -138,10 +138,10 @@
 </script>
 
 <style scoped lang="scss">
-    //@import '@assets/vuefilemanagerr/_auth-form';
-    @import '@assets/vuefilemanager/_forms';
-    @import '@assets/vuefilemanager/_auth';
-    @import '@assets/vuefilemanager/_setup_wizard';
+    //@import '/resources/sass/vuefilemanagerr/_auth-form';
+    @import '/resources/sass/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_setup_wizard';
 
     #loader {
         position: relative;
diff --git a/resources/js/views/SetupWizard/PurchaseCode.vue b/resources/js/views/SetupWizard/PurchaseCode.vue
index b3f8e103..d0b3e888 100644
--- a/resources/js/views/SetupWizard/PurchaseCode.vue
+++ b/resources/js/views/SetupWizard/PurchaseCode.vue
@@ -31,11 +31,11 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '@/components/Auth/AuthContentWrapper'
+    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
-    import AuthContent from '@/components/Auth/AuthContent'
-    import AuthButton from '@/components/Auth/AuthButton'
+    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 { SettingsIcon } from 'vue-feather-icons'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
@@ -110,9 +110,9 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_auth-form';
-    @import '@assets/vuefilemanager/_auth';
-    @import '@assets/vuefilemanager/_setup_wizard';
+    @import '/resources/sass/vuefilemanager/_auth-form';
+    @import '/resources/sass/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_setup_wizard';
 
     .additional-link {
 
diff --git a/resources/js/views/SetupWizard/StatusCheck.vue b/resources/js/views/SetupWizard/StatusCheck.vue
index 7d410dc0..e0df9357 100644
--- a/resources/js/views/SetupWizard/StatusCheck.vue
+++ b/resources/js/views/SetupWizard/StatusCheck.vue
@@ -99,12 +99,12 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-	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 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 {SettingsIcon} from 'vue-feather-icons'
 	import {required} from 'vee-validate/dist/rules'
 	import {mapGetters} from 'vuex'
@@ -189,9 +189,9 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_forms';
-	@import '@assets/vuefilemanager/_auth';
-	@import '@assets/vuefilemanager/_setup_wizard';
+    @import '/resources/sass/vuefilemanager/_forms';
+	@import '/resources/sass/vuefilemanager/_auth';
+	@import '/resources/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 f338f77e..7cf13c01 100644
--- a/resources/js/views/SetupWizard/StripeCredentials.vue
+++ b/resources/js/views/SetupWizard/StripeCredentials.vue
@@ -80,12 +80,12 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    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 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 {SettingsIcon} from 'vue-feather-icons'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
@@ -171,8 +171,8 @@
 </script>
 
 <style scoped lang="scss">
-    //@import '@assets/vue-file-manager/_auth-form';
-    @import '@assets/vuefilemanager/_forms';
-    @import '@assets/vuefilemanager/_auth';
-    @import '@assets/vuefilemanager/_setup_wizard';
+    //@import '/resources/sass/vue-file-manager/_auth-form';
+    @import '/resources/sass/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/SubscriptionPlans.vue b/resources/js/views/SetupWizard/SubscriptionPlans.vue
index 96b7cf07..79bab279 100644
--- a/resources/js/views/SetupWizard/SubscriptionPlans.vue
+++ b/resources/js/views/SetupWizard/SubscriptionPlans.vue
@@ -89,13 +89,13 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    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 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 {SettingsIcon} from 'vue-feather-icons'
     import {required} from 'vee-validate/dist/rules'
     import {XIcon} from 'vue-feather-icons'
@@ -199,7 +199,7 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_forms';
-    @import '@assets/vuefilemanager/_auth';
-    @import '@assets/vuefilemanager/_setup_wizard';
+    @import '/resources/sass/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_setup_wizard';
 </style>
diff --git a/resources/js/views/SetupWizard/SubscriptionService.vue b/resources/js/views/SetupWizard/SubscriptionService.vue
index 490bae01..68848eeb 100644
--- a/resources/js/views/SetupWizard/SubscriptionService.vue
+++ b/resources/js/views/SetupWizard/SubscriptionService.vue
@@ -36,10 +36,10 @@
 </template>
 
 <script>
-    import AuthContentWrapper from '@/components/Auth/AuthContentWrapper'
+    import AuthContentWrapper from '/resources/js/components/Auth/AuthContentWrapper'
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import AuthContent from '@/components/Auth/AuthContent'
-    import AuthButton from '@/components/Auth/AuthButton'
+    import AuthContent from '/resources/js/components/Auth/AuthContent'
+    import AuthButton from '/resources/js/components/Auth/AuthButton'
     import { SettingsIcon, ChevronRightIcon } from 'vue-feather-icons'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
@@ -69,9 +69,9 @@
 </script>
 
 <style scoped lang="scss">
-    @import '@assets/vuefilemanager/_auth-form';
-    @import '@assets/vuefilemanager/_auth';
-    @import '@assets/vuefilemanager/_setup_wizard';
+    @import '/resources/sass/vuefilemanager/_auth-form';
+    @import '/resources/sass/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_setup_wizard';
 
     .services {
         margin: 0 auto;
diff --git a/resources/js/views/Shared.vue b/resources/js/views/Shared.vue
index 11a35cc1..643841f5 100644
--- a/resources/js/views/Shared.vue
+++ b/resources/js/views/Shared.vue
@@ -31,19 +31,19 @@
 </template>
 
 <script>
-    import MultiSelectToolbarMobile from '@/components/FilesView/MultiSelectToolbarMobile'
-    import FileSortingMobile from '@/components/FilesView/FileSortingMobile'
-    import CreateFolderPopup from '@/components/Others/CreateFolderPopup'
-    import ProcessingPopup from '@/components/FilesView/ProcessingPopup'
-    import FileMenuMobile from '@/components/FilesView/FileMenuMobile'
-    import RenameItemPopup from '@/components/Others/RenameItemPopup'
-    import MoveItemPopup from '@/components/Others/MoveItemPopup'
-    import FilePreview from '@/components/FilePreview/FilePreview'
-    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 {events} from '@/bus'
+    import MultiSelectToolbarMobile from '/resources/js/components/FilesView/MultiSelectToolbarMobile'
+    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 FileMenuMobile from '/resources/js/components/FilesView/FileMenuMobile'
+    import RenameItemPopup from '/resources/js/components/Others/RenameItemPopup'
+    import MoveItemPopup from '/resources/js/components/Others/MoveItemPopup'
+    import FilePreview from '/resources/js/components/FilePreview/FilePreview'
+    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 {events} from '/resources/js/bus'
     import {mapGetters} from 'vuex'
 
     export default {
@@ -101,7 +101,7 @@
 </script>
 
 <style lang="scss">
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     @media only screen and (max-width: 690px) {
 
diff --git a/resources/js/views/Shared/SharedAuthentication.vue b/resources/js/views/Shared/SharedAuthentication.vue
index e2df0681..d18a15a5 100644
--- a/resources/js/views/Shared/SharedAuthentication.vue
+++ b/resources/js/views/Shared/SharedAuthentication.vue
@@ -22,8 +22,8 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import AuthContent from '@/components/Auth/AuthContent'
-    import AuthButton from '@/components/Auth/AuthButton'
+    import AuthContent from '/resources/js/components/Auth/AuthContent'
+    import AuthButton from '/resources/js/components/Auth/AuthButton'
     import axios from "axios";
     import {mapGetters} from "vuex";
 
@@ -90,10 +90,10 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_auth-form';
-    @import '@assets/vuefilemanager/_auth';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_auth-form';
+    @import '/resources/sass/vuefilemanager/_auth';
 
     #password-view {
         width: 100%;
diff --git a/resources/js/views/Shared/SharedFileBrowser.vue b/resources/js/views/Shared/SharedFileBrowser.vue
index 0f8cd123..028c1757 100644
--- a/resources/js/views/Shared/SharedFileBrowser.vue
+++ b/resources/js/views/Shared/SharedFileBrowser.vue
@@ -33,15 +33,15 @@
 </template>
 
 <script>
-    import TreeMenuNavigator from '@/components/Others/TreeMenuNavigator'
-    import DesktopToolbar from '@/components/FilesView/DesktopToolbar'
-    import ContentSidebar from '@/components/Sidebar/ContentSidebar'
-    import ContentGroup from '@/components/Sidebar/ContentGroup'
-    import ContextMenu from '@/components/FilesView/ContextMenu'
-    import FileBrowser from '@/components/FilesView/FileBrowser'
+    import TreeMenuNavigator from '/resources/js/components/Others/TreeMenuNavigator'
+    import DesktopToolbar from '/resources/js/components/FilesView/DesktopToolbar'
+    import ContentSidebar from '/resources/js/components/Sidebar/ContentSidebar'
+    import ContentGroup from '/resources/js/components/Sidebar/ContentGroup'
+    import ContextMenu from '/resources/js/components/FilesView/ContextMenu'
+    import FileBrowser from '/resources/js/components/FilesView/FileBrowser'
     import {HomeIcon} from 'vue-feather-icons'
     import {mapGetters} from "vuex"
-    import {events} from '@/bus'
+    import {events} from '/resources/js/bus'
 
     export default {
         name: 'SharedFileBrowser',
diff --git a/resources/js/views/Shared/SharedSingleFile.vue b/resources/js/views/Shared/SharedSingleFile.vue
index a33154d3..4148d5f5 100644
--- a/resources/js/views/Shared/SharedSingleFile.vue
+++ b/resources/js/views/Shared/SharedSingleFile.vue
@@ -11,8 +11,8 @@
 </template>
 
 <script>
-    import FileItemGrid from '@/components/FilesView/FileItemGrid'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
+    import FileItemGrid from '/resources/js/components/FilesView/FileItemGrid'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
     import {mapGetters} from "vuex";
 
     export default {
diff --git a/resources/js/views/Upgrade/UpgradeBilling.vue b/resources/js/views/Upgrade/UpgradeBilling.vue
index a34fd9eb..b02ecf1e 100644
--- a/resources/js/views/Upgrade/UpgradeBilling.vue
+++ b/resources/js/views/Upgrade/UpgradeBilling.vue
@@ -260,19 +260,19 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import PlanPricingTables from '@/components/Others/PlanPricingTables'
-    import SelectInput from '@/components/Others/Forms/SelectInput'
-    import FormLabel from '@/components/Others/Forms/FormLabel'
-    import MobileHeader from '@/components/Mobile/MobileHeader'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
-    import ColorLabel from '@/components/Others/ColorLabel'
-    import PageHeader from '@/components/Others/PageHeader'
-    import Spinner from '@/components/FilesView/Spinner'
+    import PlanPricingTables from '/resources/js/components/Others/PlanPricingTables'
+    import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
+    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import ColorLabel from '/resources/js/components/Others/ColorLabel'
+    import PageHeader from '/resources/js/components/Others/PageHeader'
+    import Spinner from '/resources/js/components/FilesView/Spinner'
     import {CreditCardIcon} from 'vue-feather-icons'
     import {required} from 'vee-validate/dist/rules'
     import {mapGetters} from 'vuex'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     let [stripe, card] = [undefined, undefined];
@@ -507,9 +507,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .change-payment {
         padding-top: 10px;
diff --git a/resources/js/views/Upgrade/UpgradePlan.vue b/resources/js/views/Upgrade/UpgradePlan.vue
index 5382898f..1e7a9989 100644
--- a/resources/js/views/Upgrade/UpgradePlan.vue
+++ b/resources/js/views/Upgrade/UpgradePlan.vue
@@ -22,10 +22,10 @@
 </template>
 
 <script>
-    import PlanPricingTables from '@/components/Others/PlanPricingTables'
-    import MobileHeader from '@/components/Mobile/MobileHeader'
-    import PageHeader from '@/components/Others/PageHeader'
-    import Spinner from '@/components/FilesView/Spinner'
+    import PlanPricingTables from '/resources/js/components/Others/PlanPricingTables'
+    import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
+    import PageHeader from '/resources/js/components/Others/PageHeader'
+    import Spinner from '/resources/js/components/FilesView/Spinner'
     import { CloudIcon } from 'vue-feather-icons'
     import axios from 'axios'
 
@@ -65,9 +65,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .plan-title {
         text-align: center;
diff --git a/resources/js/views/User/CreatePaymentMethod.vue b/resources/js/views/User/CreatePaymentMethod.vue
index 086a3c48..7d2b315b 100644
--- a/resources/js/views/User/CreatePaymentMethod.vue
+++ b/resources/js/views/User/CreatePaymentMethod.vue
@@ -45,14 +45,14 @@
 </template>
 
 <script>
-    import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
-    import SwitchInput from '@/components/Others/Forms/SwitchInput'
-    import FormLabel from '@/components/Others/Forms/FormLabel'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import PageTab from '@/components/Others/Layout/PageTab'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
+    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
+    import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
+    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import PageTab from '/resources/js/components/Others/Layout/PageTab'
+    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
     import {mapGetters} from 'vuex'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     let [stripe, card] = [undefined, undefined];
@@ -172,9 +172,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .register-card {
         margin-bottom: 25px;
diff --git a/resources/js/views/User/Invoices.vue b/resources/js/views/User/Invoices.vue
index abbfcdd6..a29ceba3 100644
--- a/resources/js/views/User/Invoices.vue
+++ b/resources/js/views/User/Invoices.vue
@@ -49,11 +49,11 @@
 </template>
 
 <script>
-    import DatatableWrapper from '@/components/Others/Tables/DatatableWrapper'
-    import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
-    import FormLabel from '@/components/Others/Forms/FormLabel'
-    import PageTab from '@/components/Others/Layout/PageTab'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
+    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
+    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
+    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import PageTab from '/resources/js/components/Others/Layout/PageTab'
+    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
     import {ExternalLinkIcon} from "vue-feather-icons"
     import axios from 'axios'
 
@@ -103,9 +103,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/User/Password.vue b/resources/js/views/User/Password.vue
index fb0b5382..3cc876bd 100644
--- a/resources/js/views/User/Password.vue
+++ b/resources/js/views/User/Password.vue
@@ -101,20 +101,20 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-	import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
-	import UserImageInput from '@/components/Others/UserImageInput'
-	import SwitchInput from '@/components/Others/Forms/SwitchInput'
-	import FormLabel from '@/components/Others/Forms/FormLabel'
-	import MobileHeader from '@/components/Mobile/MobileHeader'
-	import ButtonBase from '@/components/FilesView/ButtonBase'
-	import PageTab from '@/components/Others/Layout/PageTab'
-	import InfoBox from '@/components/Others/Forms/InfoBox'
-	import PageHeader from '@/components/Others/PageHeader'
-	import ThemeLabel from '@/components/Others/ThemeLabel'
+	import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
+	import UserImageInput from '/resources/js/components/Others/UserImageInput'
+	import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
+	import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+	import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
+	import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+	import PageTab from '/resources/js/components/Others/Layout/PageTab'
+	import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+	import PageHeader from '/resources/js/components/Others/PageHeader'
+	import ThemeLabel from '/resources/js/components/Others/ThemeLabel'
 	import {required} from 'vee-validate/dist/rules'
 	import { XIcon } from 'vue-feather-icons'
 	import {mapGetters} from 'vuex'
-	import {events} from '@/bus'
+	import {events} from '/resources/js/bus'
 	import axios from 'axios'
 
 	export default {
@@ -248,9 +248,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-	@import '@assets/vuefilemanager/_mixins';
-	@import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+	@import '/resources/sass/vuefilemanager/_mixins';
+	@import '/resources/sass/vuefilemanager/_forms';
 
 	.tokens-wrapper {
 		margin-top: 0 !important;
diff --git a/resources/js/views/User/PaymentMethods.vue b/resources/js/views/User/PaymentMethods.vue
index a45dff9c..1d46363b 100644
--- a/resources/js/views/User/PaymentMethods.vue
+++ b/resources/js/views/User/PaymentMethods.vue
@@ -62,16 +62,16 @@
 </template>
 
 <script>
-    import MobileActionButton from '@/components/FilesView/MobileActionButton'
-    import DatatableWrapper from '@/components/Others/Tables/DatatableWrapper'
-    import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
+    import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
+    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
+    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
     import {CreditCardIcon, Trash2Icon} from "vue-feather-icons"
-    import FormLabel from '@/components/Others/Forms/FormLabel'
-    import PageTab from '@/components/Others/Layout/PageTab'
-    import ColorLabel from '@/components/Others/ColorLabel'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
+    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import PageTab from '/resources/js/components/Others/Layout/PageTab'
+    import ColorLabel from '/resources/js/components/Others/ColorLabel'
+    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
     import { mapGetters } from 'vuex'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -237,9 +237,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .is-deleting {
         opacity: 0.35;
diff --git a/resources/js/views/User/Settings.vue b/resources/js/views/User/Settings.vue
index 44d5f3ee..d54b65a7 100644
--- a/resources/js/views/User/Settings.vue
+++ b/resources/js/views/User/Settings.vue
@@ -135,14 +135,14 @@
 
 <script>
     import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
-    import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
-    import SelectInput from '@/components/Others/Forms/SelectInput'
-    import FormLabel from '@/components/Others/Forms/FormLabel'
-    import MobileHeader from '@/components/Mobile/MobileHeader'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import PageTab from '@/components/Others/Layout/PageTab'
-    import PageHeader from '@/components/Others/PageHeader'
-    import ThemeLabel from '@/components/Others/ThemeLabel'
+    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
+    import SelectInput from '/resources/js/components/Others/Forms/SelectInput'
+    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import PageTab from '/resources/js/components/Others/Layout/PageTab'
+    import PageHeader from '/resources/js/components/Others/PageHeader'
+    import ThemeLabel from '/resources/js/components/Others/ThemeLabel'
     import {required} from 'vee-validate/dist/rules'
     import { mapGetters } from 'vuex'
     import {debounce} from 'lodash'
@@ -203,9 +203,9 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
-    @import '@assets/vuefilemanager/_forms';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_forms';
 
     .block-form {
         max-width: 100%;
diff --git a/resources/js/views/User/Storage.vue b/resources/js/views/User/Storage.vue
index f322c9f7..be0c192f 100644
--- a/resources/js/views/User/Storage.vue
+++ b/resources/js/views/User/Storage.vue
@@ -16,14 +16,14 @@
 </template>
 
 <script>
-    import FormLabel from '@/components/Others/Forms/FormLabel'
-    import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
-    import PageTab from '@/components/Others/Layout/PageTab'
-    import StorageItemDetail from '@/components/Others/StorageItemDetail'
-    import MobileHeader from '@/components/Mobile/MobileHeader'
-    import SectionTitle from '@/components/Others/SectionTitle'
-    import PageHeader from '@/components/Others/PageHeader'
-    import Spinner from '@/components/FilesView/Spinner'
+    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
+    import PageTab from '/resources/js/components/Others/Layout/PageTab'
+    import StorageItemDetail from '/resources/js/components/Others/StorageItemDetail'
+    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 Spinner from '/resources/js/components/FilesView/Spinner'
     import axios from 'axios'
 
     export default {
@@ -55,8 +55,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     #single-page {
         overflow: hidden;
diff --git a/resources/js/views/User/Subscription.vue b/resources/js/views/User/Subscription.vue
index da50e0d4..eae4ee1f 100644
--- a/resources/js/views/User/Subscription.vue
+++ b/resources/js/views/User/Subscription.vue
@@ -52,17 +52,17 @@
 </template>
 
 <script>
-    import DatatableWrapper from '@/components/Others/Tables/DatatableWrapper'
-    import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
-    import ListInfoItem from '@/components/Others/ListInfoItem'
-    import FormLabel from '@/components/Others/Forms/FormLabel'
-    import ButtonBase from '@/components/FilesView/ButtonBase'
-    import PageTab from '@/components/Others/Layout/PageTab'
-    import InfoBox from '@/components/Others/Forms/InfoBox'
-    import ListInfo from '@/components/Others/ListInfo'
+    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
+    import PageTabGroup from '/resources/js/components/Others/Layout/PageTabGroup'
+    import ListInfoItem from '/resources/js/components/Others/ListInfoItem'
+    import FormLabel from '/resources/js/components/Others/Forms/FormLabel'
+    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
+    import PageTab from '/resources/js/components/Others/Layout/PageTab'
+    import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
+    import ListInfo from '/resources/js/components/Others/ListInfo'
     import {ExternalLinkIcon} from "vue-feather-icons"
     import {mapGetters} from 'vuex'
-    import {events} from "@/bus"
+    import {events} from '/resources/js/bus'
     import axios from 'axios'
 
     export default {
@@ -226,8 +226,8 @@
 </script>
 
 <style lang="scss" scoped>
-    @import '@assets/vuefilemanager/_variables';
-    @import '@assets/vuefilemanager/_mixins';
+    @import '/resources/sass/vuefilemanager/_variables';
+    @import '/resources/sass/vuefilemanager/_mixins';
 
     .plan-action {
         margin-top: 10px;
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 748c045c..cc6dafe0 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -1,6 +1,6 @@
 // Fonts
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 #viewport {
   display: flex;
diff --git a/resources/sass/vuefilemanager/_auth-form.scss b/resources/sass/vuefilemanager/_auth-form.scss
index 27ecede3..d8b17fd5 100644
--- a/resources/sass/vuefilemanager/_auth-form.scss
+++ b/resources/sass/vuefilemanager/_auth-form.scss
@@ -1,5 +1,5 @@
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 .form {
 
diff --git a/resources/sass/vuefilemanager/_auth.scss b/resources/sass/vuefilemanager/_auth.scss
index 2579d71a..c8379b14 100644
--- a/resources/sass/vuefilemanager/_auth.scss
+++ b/resources/sass/vuefilemanager/_auth.scss
@@ -1,5 +1,5 @@
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 .auth-logo-text {
   @include font-size(22);
diff --git a/resources/sass/vuefilemanager/_forms.scss b/resources/sass/vuefilemanager/_forms.scss
index 6efc353c..34af46ee 100644
--- a/resources/sass/vuefilemanager/_forms.scss
+++ b/resources/sass/vuefilemanager/_forms.scss
@@ -1,5 +1,5 @@
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 .form {
   max-width: 700px;
diff --git a/resources/sass/vuefilemanager/_inapp-forms.scss b/resources/sass/vuefilemanager/_inapp-forms.scss
index 8ce6a0bc..3d6a4be7 100644
--- a/resources/sass/vuefilemanager/_inapp-forms.scss
+++ b/resources/sass/vuefilemanager/_inapp-forms.scss
@@ -1,5 +1,5 @@
-@import '@assets/vuefilemanager/_variables';
-@import '@assets/vuefilemanager/_mixins';
+@import '/resources/sass/vuefilemanager/_variables';
+@import '/resources/sass/vuefilemanager/_mixins';
 
 // Forms
 .form-wrapper {
diff --git a/webpack.mix.js b/webpack.mix.js
index 2d5c236f..5633be88 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -21,8 +21,6 @@ mix.js('resources/js/main.js', 'public/js')
     .webpackConfig({
         resolve: {
             alias: {
-                "@assets": path.resolve(__dirname, "resources/sass"),
-                "@": path.resolve(__dirname, "resources/js"),
                 "@modules": path.resolve(__dirname, "node_modules"),
             }
         },