fixed - env variables

Author: alexusmai

.env

@@ -1,2 +1,2 @@
-VUE_APP_LFM_AXIOS_BASE_URL=
-VUE_APP_LFM_CSRF_TOKEN=
+VITE_APP_LFM_AXIOS_BASE_URL=
+VITE_APP_LFM_CSRF_TOKEN=

.env.development

@@ -1,2 +1,2 @@
-VUE_APP_LFM_AXIOS_BASE_URL=http://lfm.loc/file-manager/
-VUE_APP_LFM_CSRF_TOKEN=OFF
+VITE_APP_LFM_AXIOS_BASE_URL=http://lfm.loc/file-manager/
+VITE_APP_LFM_CSRF_TOKEN=OFF

README.md

@@ -115,11 +115,11 @@ Don't forget to add a csrf token to head block in your Laravel view and add boot
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
 ```
 
-[Laravel mix environment variables](https://laravel.com/docs/mix#environment-variables)
+[Laravel VITE environment variables](https://laravel.com/docs/9.x/vite#environment-variables)
 ```
 // set baseUrl
-MIX_LFM_BASE_URL=http://my-url.loc/file-manager/
+VITE_LFM_BASE_URL=http://my-url.loc/file-manager/
 
 // if you don't want to use csrf-token - you can off it
-MIX_LFM_CSRF_TOKEN=OFF
+VITE_LFM_CSRF_TOKEN=OFF
 ```

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "laravel-file-manager",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "File manager for Laravel",
   "keywords": [
     "laravel",
@@ -19,24 +19,23 @@
   "dependencies": {
     "axios": "^0.25.0",
     "codemirror": "^5.65.1",
-    "codemirror-editor-vue3": "^1.0.1",
+    "codemirror-editor-vue3": "^2.1.7",
     "cropperjs": "^1.5.12",
     "mitt": "^3.0.0",
     "plyr": "^3.6.12",
     "vue": "^3.2.25",
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^2.0.0",
+    "@vitejs/plugin-vue": "^3.0.0",
     "eslint": "^8.8.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.4.0",
+    "eslint-plugin-vue": "^9.2.0",
     "prettier": "^2.5.1",
     "sass": "^1.49.7",
-    "vite": "^2.7.2",
-    "vite-plugin-environment": "^1.1.0"
+    "vite": "^3.0.0"
   }
 }

package.json

@@ -34,12 +34,12 @@ export default {
     initAxiosSettings(state) {
         // initiate base url, if not set manually
         if (!state.baseUrl) {
-            if (process.env.VUE_APP_LFM_AXIOS_BASE_URL) {
+            if (import.meta.env.VITE_APP_LFM_AXIOS_BASE_URL) {
                 // vue .env
-                state.baseUrl = process.env.VUE_APP_LFM_AXIOS_BASE_URL;
-            } else if (process.env.MIX_LFM_BASE_URL) {
+                state.baseUrl = import.meta.env.VITE_APP_LFM_AXIOS_BASE_URL;
+            } else if (import.meta.env.VITE_LFM_BASE_URL) {
                 // laravel .env
-                state.baseUrl = process.env.MIX_LFM_BASE_URL;
+                state.baseUrl = import.meta.env.VITE_LFM_BASE_URL;
             } else {
                 let baseUrl = `${window.location.protocol}//${window.location.hostname}`;
 
@@ -56,7 +56,7 @@ export default {
         // initiate headers, if not set manually
         if (Object.keys(state.headers).length === 0) {
             // off laravel csrf-token if need
-            if (process.env.VUE_APP_LFM_CSRF_TOKEN === 'OFF' || process.env.MIX_LFM_CSRF_TOKEN === 'OFF') {
+            if (import.meta.env.VITE_APP_LFM_CSRF_TOKEN === 'OFF' || import.meta.env.VITE_LFM_CSRF_TOKEN === 'OFF') {
                 state.headers = { 'X-Requested-With': 'XMLHttpRequest' };
             } else {
                 // Laravel CSRF token

src/store/settings/mutations.js

@@ -29,7 +29,7 @@ export default {
             acl: null,
 
             // App version
-            version: '3.0.2',
+            version: '3.0.3',
 
             // axios headers
             headers: {},

src/store/settings/store.js

@@ -1,10 +1,9 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
-import EnvironmentPlugin from 'vite-plugin-environment';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-    plugins: [vue(), EnvironmentPlugin(['VUE_APP_LFM_AXIOS_BASE_URL', 'VUE_APP_LFM_CSRF_TOKEN'])],
+    plugins: [vue()],
     build: {
         minify: true,
         cssCodeSplit: false,