296 lines
9.1 KiB
TypeScript
296 lines
9.1 KiB
TypeScript
|
import { fileURLToPath } from "url";
|
||
|
|
|
||
|
|
let sassEnvVariables = "";
|
||
|
|
for (let e in import.meta.env) {
|
||
|
|
if (/VITE_/i.test(e)) {
|
||
|
|
sassEnvVariables += `$${e}: "${import.meta.env[e]}";`;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// dynamically importing styles.
|
||
|
|
const buildName = import.meta.env.VITE_BUILD_NAME;
|
||
|
|
let mainStyle = `~/assets/common/scss/${buildName}-styles.scss`;
|
||
|
|
|
||
|
|
export default defineNuxtConfig({
|
||
|
|
nitro: {
|
||
|
|
compressPublicAssets: true,
|
||
|
|
},
|
||
|
|
|
||
|
|
colorMode: {
|
||
|
|
preference: "light",
|
||
|
|
},
|
||
|
|
compatibilityDate: "2024-04-03",
|
||
|
|
components: [
|
||
|
|
{
|
||
|
|
path: "~/components/global",
|
||
|
|
extensions: ["vue"],
|
||
|
|
pathPrefix: false,
|
||
|
|
},
|
||
|
|
|
||
|
|
// "vue-tree-list",
|
||
|
|
// "vuejs-paginate",
|
||
|
|
],
|
||
|
|
devtools: {
|
||
|
|
enabled: process.env.NODE_ENV === "development",
|
||
|
|
vscode: {
|
||
|
|
reuseExistingServer: true,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
features: {
|
||
|
|
inlineStyles: false,
|
||
|
|
},
|
||
|
|
debug: false,
|
||
|
|
// Modules and plugins
|
||
|
|
modules: [
|
||
|
|
"@pinia/nuxt",
|
||
|
|
"pinia-plugin-persistedstate/nuxt",
|
||
|
|
"@nuxtjs/i18n",
|
||
|
|
"floating-vue/nuxt",
|
||
|
|
"nuxt-echarts",
|
||
|
|
"@vueuse/nuxt",
|
||
|
|
"@nuxt/ui",
|
||
|
|
"@nuxtjs/color-mode",
|
||
|
|
"@nuxt/test-utils/module",
|
||
|
|
// 'nuxt-delay-hydration',
|
||
|
|
"@nuxt/image",
|
||
|
|
// "@nuxtjs/supabase",
|
||
|
|
],
|
||
|
|
// delayHydration: {
|
||
|
|
// // enables nuxt-delay-hydration in dev mode for testing
|
||
|
|
// debug: process.env.NODE_ENV === 'development',
|
||
|
|
// mode: 'init'
|
||
|
|
// },
|
||
|
|
image: {
|
||
|
|
inject: true,
|
||
|
|
quality: 80,
|
||
|
|
format: ["webp", "jpeg", "jpg", "png", "gif", "avif"],
|
||
|
|
screens: {
|
||
|
|
xs: 320,
|
||
|
|
sm: 576,
|
||
|
|
md: 768,
|
||
|
|
lg: 1199,
|
||
|
|
xl: 1400,
|
||
|
|
xxl: 1600,
|
||
|
|
"2xl": 1920,
|
||
|
|
},
|
||
|
|
presets: {
|
||
|
|
avatar: {
|
||
|
|
modifiers: {
|
||
|
|
format: "jpg",
|
||
|
|
width: 25,
|
||
|
|
height: 24,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
i18n: {
|
||
|
|
vueI18n: "./i18n.config.ts", // if you are using custom path, default
|
||
|
|
},
|
||
|
|
pinia: {
|
||
|
|
// storesDirs: ["./stores/**", "./custom-folder/stores/**"],
|
||
|
|
storesDirs: ["./stores/**"],
|
||
|
|
},
|
||
|
|
plugins: [
|
||
|
|
{ src: "~/plugins/api.ts", mode: "client" },
|
||
|
|
{ src: "~/plugins/vuelidate.ts", mode: "client" },
|
||
|
|
{ src: "~/plugins/bootstrap.client.ts", mode: "client" },
|
||
|
|
{ src: "~/plugins/vueJalaliMoment.ts", mode: "client" },
|
||
|
|
{ src: "~/plugins/vueDraggable.client.ts", ssr: false, mode: "client" },
|
||
|
|
{ src: "~/plugins/vue3TreeVue.client.ts" },
|
||
|
|
{ src: "~/plugins/vue3PersianDateTimePicker.client.ts" },
|
||
|
|
// { src: "~/plugins/vueTreeList.client.ts", ssr: false, mode: "client" },
|
||
|
|
// { src: "~/plugins/vueJsTree.ts" },
|
||
|
|
],
|
||
|
|
|
||
|
|
runtimeConfig: {
|
||
|
|
public: {
|
||
|
|
...import.meta.env,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
css: [
|
||
|
|
mainStyle,
|
||
|
|
"~/assets/tailwindcss/main.css",
|
||
|
|
"vue3-persian-datetime-picker/src/picker/assets/scss/style.scss",
|
||
|
|
],
|
||
|
|
alias: {
|
||
|
|
"@apis": "~/apis",
|
||
|
|
"@components": "~/components",
|
||
|
|
"@configs": "~/configs",
|
||
|
|
"@extensions": "~/extensions",
|
||
|
|
"@json": "~/json",
|
||
|
|
"@layouts": "~/layouts",
|
||
|
|
"@mixins": "~/mixins",
|
||
|
|
"@plugins": "~/plugins",
|
||
|
|
"@services": "~/services",
|
||
|
|
"@stores": "~/stores",
|
||
|
|
"@types": "~/types",
|
||
|
|
"@utils": "~/utils",
|
||
|
|
"@manuals": "~/manuals",
|
||
|
|
"@pages": "~/pages",
|
||
|
|
},
|
||
|
|
vite: {
|
||
|
|
resolve: {},
|
||
|
|
// optimizeDeps: {
|
||
|
|
// exclude: ["vue-demi"],
|
||
|
|
// },
|
||
|
|
css: {
|
||
|
|
preprocessorOptions: {
|
||
|
|
scss: {
|
||
|
|
additionalData: sassEnvVariables,
|
||
|
|
sassOptions: { quietDeps: true },
|
||
|
|
},
|
||
|
|
sass: {
|
||
|
|
sassOptions: {
|
||
|
|
quietDeps: true,
|
||
|
|
silenceDeprecations: ["legacy-js-api"],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
postcss: {
|
||
|
|
plugins: {
|
||
|
|
tailwindcss: {},
|
||
|
|
autoprefixer: {},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
// "~": "/<srcDir>",
|
||
|
|
// "@": "/<srcDir>",
|
||
|
|
|
||
|
|
// Pages (pages/)
|
||
|
|
// Components (components/)
|
||
|
|
// Layouts (layouts/)
|
||
|
|
// Store (store/)
|
||
|
|
// Middleware (middleware/)
|
||
|
|
// Plugins (plugins/)
|
||
|
|
// And more...
|
||
|
|
|
||
|
|
// "~~": "/<rootDir>",
|
||
|
|
// "@@": "/<rootDir>",
|
||
|
|
|
||
|
|
// package.json
|
||
|
|
// nuxt.config.js
|
||
|
|
// node_modules/
|
||
|
|
// And more...
|
||
|
|
|
||
|
|
// "assets": "/<srcDir>/assets",
|
||
|
|
// "public": "/<srcDir>/public"
|
||
|
|
// @ and ~ which point to the srcDir,
|
||
|
|
// @@ and ~~ which point to the rootDir
|
||
|
|
|
||
|
|
// runtimeConfig in Nuxt represents an advanced configuration layer,
|
||
|
|
// allowing you to define settings that are accessible on both the
|
||
|
|
// client and server sides
|
||
|
|
|
||
|
|
// https://nuxt.com/docs/api/configuration/nuxt-config
|
||
|
|
|
||
|
|
// console.info("import.meta.env.VITE_APP_NAME", import.meta.env.VITE_APP_NAME);
|
||
|
|
// console.info("import.meta.env.VITE_APP_NAME", import.meta.env.VITE_APP_NAME);
|
||
|
|
// console.info("import.meta.env.VITE_TINY_PASSWORD", import.meta.env.VITE_TINY_PASSWORD);
|
||
|
|
// console.info("import.meta.env.NODE_ENV", import.meta.env);
|
||
|
|
// console.info("monir", monir);
|
||
|
|
// console.info("monir", monir.parsed.VITE_APP_NAME);
|
||
|
|
|
||
|
|
// let monir = require("dotenv").config({ path: ".env.monir" });
|
||
|
|
// require("dotenv").config({ path: `.env.${import.meta.env.NODE_ENV}` });
|
||
|
|
|
||
|
|
// routeRules: {
|
||
|
|
// "/admin/**": { ssr: false },
|
||
|
|
// "/api/**": { cors: true },
|
||
|
|
// "/_nuxt/**": { headers: { "cache-control": "s-maxage=0" } },
|
||
|
|
// },
|
||
|
|
// ssr: true,
|
||
|
|
// app: {
|
||
|
|
// pageTransition: { name: "page", mode: "out-in" },
|
||
|
|
// layoutTransition: { name: "layout", mode: "out-in" },
|
||
|
|
// },
|
||
|
|
// alias: {
|
||
|
|
// images: fileURLToPath(new URL("@@/components", import.meta.url)),
|
||
|
|
// style: fileURLToPath(new URL("@@/composables", import.meta.url)),
|
||
|
|
// data: fileURLToPath(new URL("@@/layouts", import.meta.url)),
|
||
|
|
|
||
|
|
// apis: fileURLToPath(new URL("@@/apis", import.meta.url)),
|
||
|
|
// assets: fileURLToPath(new URL("@@/assets", import.meta.url)),
|
||
|
|
// components: fileURLToPath(new URL("@@/components", import.meta.url)),
|
||
|
|
// json: fileURLToPath(new URL("@@/json", import.meta.url)),
|
||
|
|
// layouts: fileURLToPath(new URL("@@/layouts", import.meta.url)),
|
||
|
|
// mixins: fileURLToPath(new URL("@@/mixins", import.meta.url)),
|
||
|
|
// pages: fileURLToPath(new URL("@@/pages", import.meta.url)),
|
||
|
|
// plugins: fileURLToPath(new URL("@@/plugins", import.meta.url)),
|
||
|
|
// services: fileURLToPath(new URL("@@/services", import.meta.url)),
|
||
|
|
// store: fileURLToPath(new URL("@@/store", import.meta.url)),
|
||
|
|
// routes: fileURLToPath(new URL("@@/routes", import.meta.url)),
|
||
|
|
// directives: fileURLToPath(new URL("@@/directives", import.meta.url)),
|
||
|
|
// utilities: fileURLToPath(new URL("@@/utilities", import.meta.url)),
|
||
|
|
// extensions: fileURLToPath(new URL("@@/extensions", import.meta.url)),
|
||
|
|
// publicPages: fileURLToPath(
|
||
|
|
// new URL("@@/modules/public-pages", import.meta.url)
|
||
|
|
// ),
|
||
|
|
|
||
|
|
// search: fileURLToPath(new URL("@@/systems/search", import.meta.url)),
|
||
|
|
// tahrir: fileURLToPath(new URL("@@/systems/tahrir", import.meta.url)),
|
||
|
|
// list: fileURLToPath(new URL("@@/systems/list", import.meta.url)),
|
||
|
|
// jahat: fileURLToPath(new URL("@@/systems/jahat", import.meta.url)),
|
||
|
|
// chat: fileURLToPath(new URL("@@/systems/chat", import.meta.url)),
|
||
|
|
// borhan: fileURLToPath(new URL("@@/systems/borhan", import.meta.url)),
|
||
|
|
// reports: fileURLToPath(new URL("@@/systems/reports", import.meta.url)),
|
||
|
|
// lms: fileURLToPath(new URL("@@/systems/lms", import.meta.url)),
|
||
|
|
// thiqat: fileURLToPath(new URL("@@/systems/thiqat", import.meta.url)),
|
||
|
|
// task: fileURLToPath(new URL("@@/systems/task", import.meta.url)),
|
||
|
|
// aiTools: fileURLToPath(new URL("@@/systems/ai-tools", import.meta.url)),
|
||
|
|
|
||
|
|
// admin: fileURLToPath(new URL("@@/panels/admin", import.meta.url)),
|
||
|
|
// user: fileURLToPath(new URL("@@/panels/user", import.meta.url)),
|
||
|
|
// majles: fileURLToPath(new URL("@@/panels/majles", import.meta.url)),
|
||
|
|
|
||
|
|
// research: fileURLToPath(new URL("@@/modules/research", import.meta.url)),
|
||
|
|
// favorites: fileURLToPath(new URL("@@/modules/favorite", import.meta.url)),
|
||
|
|
// permission: fileURLToPath(
|
||
|
|
// new URL("@@/modules/permissions", import.meta.url)
|
||
|
|
// ),
|
||
|
|
// dataSetting: fileURLToPath(
|
||
|
|
// new URL("@@/modules/data-setting", import.meta.url)
|
||
|
|
// ),
|
||
|
|
// notifications: fileURLToPath(
|
||
|
|
// new URL("@@/modules/notifications", import.meta.url)
|
||
|
|
// ),
|
||
|
|
// entity: fileURLToPath(new URL("@@/modules/entity", import.meta.url)),
|
||
|
|
|
||
|
|
// settings: fileURLToPath(new URL("@@/modules/settings", import.meta.url)),
|
||
|
|
// dashboard: fileURLToPath(new URL("@@/modules/dashboard", import.meta.url)),
|
||
|
|
// forms: fileURLToPath(new URL("@@/modules/forms", import.meta.url)),
|
||
|
|
// rezome: fileURLToPath(new URL("@@/modules/rezome", import.meta.url)),
|
||
|
|
// },
|
||
|
|
|
||
|
|
// build: {
|
||
|
|
// transpile: ["echarts", "resize-detector", "echarts-wordcloud"],
|
||
|
|
// },
|
||
|
|
// typescript: {
|
||
|
|
// typeCheck: true, // Enable type checking at build time
|
||
|
|
// strict: true, // Enable strict type checks (default is true)
|
||
|
|
// },
|
||
|
|
// sourcemap: {
|
||
|
|
// server: true,
|
||
|
|
// client: true,
|
||
|
|
// },
|
||
|
|
});
|
||
|
|
|
||
|
|
// typescript: {
|
||
|
|
// typeCheck: true, // Enable type checking at build time
|
||
|
|
// strict: true, // Enable strict type checks
|
||
|
|
// tsConfig: {
|
||
|
|
// compilerOptions: {
|
||
|
|
// // Extend or override compiler options here
|
||
|
|
// },
|
||
|
|
// },
|
||
|
|
// },
|
||
|
|
// console.log(import.meta.env.VARIABLE_NAME);
|
||
|
|
// console.log(this.$config.public.VARIABLE_NAME);
|
||
|
|
// const runtimeConfig :" useRuntimeConfig()",
|
||
|
|
// console.log(runtimeConfig.apiSecret)
|
||
|
|
// console.log(runtimeConfig.public.apiBase)
|
||
|
|
|
||
|
|
// Resolve ~, ~~, @ and @@ aliases located within layers with respect to their layer source and root directories.
|