Add nuxt.config file.
This commit is contained in:
mustafa-rezae
parent
bd317a6800
commit
9efd5aaf81
349
nuxt.config.ts
Normal file
349
nuxt.config.ts
Normal file
|
|
@ -0,0 +1,349 @@
|
|||
// import { fileURLToPath } from "url";
|
||||
import fs from "fs-extra";
|
||||
import path from "path";
|
||||
|
||||
import haditha from "./routes/haditha";
|
||||
|
||||
const envs = import.meta.env;
|
||||
let sassEnvVariables = "";
|
||||
|
||||
for (let e in envs) {
|
||||
if (/VITE_/i.test(e)) {
|
||||
sassEnvVariables += `$${e}: "${import.meta.env[e]}";`;
|
||||
}
|
||||
}
|
||||
|
||||
// dynamically importing styles.
|
||||
const buildName = import.meta.env.VITE_BUILD_NAME;
|
||||
|
||||
export default defineNuxtConfig({
|
||||
hooks: {
|
||||
"build:before": () => {
|
||||
if (buildName == "haditha") {
|
||||
const sourceDir = path.resolve(
|
||||
__dirname,
|
||||
`systems/${buildName}_ui/assets/${buildName}/images`
|
||||
); // Source folder (e.g., assets/images)
|
||||
const targetDir = path.resolve(__dirname, `public/img/${buildName}`); // Target folder (e.g., public/images)
|
||||
|
||||
// Ensure the target directory exists
|
||||
fs.ensureDirSync(targetDir);
|
||||
|
||||
// Copy files from source to target
|
||||
fs.copySync(sourceDir, targetDir);
|
||||
|
||||
console.log("Files copied successfully!");
|
||||
}
|
||||
},
|
||||
|
||||
"pages:extend"(pages) {
|
||||
// Add custom routes
|
||||
pages.push(...haditha);
|
||||
},
|
||||
},
|
||||
|
||||
nitro: {
|
||||
compressPublicAssets: true,
|
||||
prerender: {
|
||||
routes: ["/haditha", "/haditha/about-us", "/haditha/contact-us"], // Pre-render these routes
|
||||
},
|
||||
},
|
||||
|
||||
colorMode: {
|
||||
preference: "light",
|
||||
},
|
||||
compatibilityDate: "2024-04-03",
|
||||
components: [
|
||||
{
|
||||
path: "~/components/global",
|
||||
extensions: ["vue"],
|
||||
pathPrefix: false,
|
||||
},
|
||||
|
||||
// "vue-tree-list",
|
||||
// "vuejs-paginate",
|
||||
],
|
||||
devtools: {
|
||||
enabled: true,
|
||||
vscode: {
|
||||
reuseExistingServer: true,
|
||||
},
|
||||
},
|
||||
|
||||
features: {
|
||||
inlineStyles: false,
|
||||
},
|
||||
debug: true,
|
||||
// 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',
|
||||
// "@nuxtjs/supabase",
|
||||
// "@nuxt/icon",
|
||||
"@nuxt/image",
|
||||
"nuxt-auth-utils"
|
||||
],
|
||||
icon: {
|
||||
// iconifyApiEndpoint: "iconifyApi",
|
||||
fallbackToApi: "client-only",
|
||||
// provider: "iconify",
|
||||
localApiEndpoint: "/iconifyapi/_nuxt_icon",
|
||||
customCollections: [
|
||||
{
|
||||
prefix: "haditha",
|
||||
dir: `./systems/${buildName}_ui/assets/${buildName}/images/font-icons`,
|
||||
},
|
||||
],
|
||||
},
|
||||
// ui: {
|
||||
// prefix: 'Nuxt', //Use the prefix option to change the prefix of the components. Default: U
|
||||
// fonts: false, // Use the fonts option to enable or disable the @nuxt/fonts module. Default: true
|
||||
// colorMode: false, // Use the colorMode option to enable or disable the @nuxt/color-mode module. Default: true
|
||||
// theme: {
|
||||
// colors: ['primary', 'error'] // Use the theme.colors option to define the dynamic color aliases used to generate components theme.
|
||||
// },
|
||||
// },
|
||||
// delayHydration: {
|
||||
// // enables nuxt-delay-hydration in dev mode for testing
|
||||
// debug: process.env.NODE_ENV === 'development',
|
||||
// mode: 'init'
|
||||
// },
|
||||
// image: {
|
||||
// provider: "ipx",
|
||||
// quality: 100,
|
||||
// },
|
||||
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: [
|
||||
customStyleLoader(),
|
||||
// "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",
|
||||
// "@search": "~/systems/search_ui",
|
||||
// "@research": "~/systems/research_ui",
|
||||
"@haditha": "~/systems/haditha_ui",
|
||||
// "@chat": "~/systems/chat_ui",
|
||||
},
|
||||
vite: {
|
||||
assetsInclude: ["**/*.svg"],
|
||||
resolve: {},
|
||||
// optimizeDeps: {
|
||||
// exclude: ["vue-demi"],
|
||||
// },
|
||||
css: {
|
||||
preprocessorOptions: {
|
||||
scss: {
|
||||
additionalData: sassEnvVariables,
|
||||
sassOptions: { quietDeps: true },
|
||||
},
|
||||
sass: {
|
||||
sassOptions: {
|
||||
quietDeps: true,
|
||||
silenceDeprecations: ["legacy-js-api"],
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
build: {
|
||||
analyze: true,
|
||||
// transpile: ["echarts", "resize-detector", "echarts-wordcloud"],
|
||||
},
|
||||
// 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.
|
||||
function customStyleLoader() {
|
||||
let mainStyle = `~/assets/common/scss/${buildName}-styles.scss`;
|
||||
if (buildName == "haditha")
|
||||
mainStyle = `~/systems/${buildName.substring(
|
||||
0,
|
||||
buildName.length - 1
|
||||
)}_ui/assets/${buildName}/scss/${buildName}.css`;
|
||||
|
||||
return mainStyle;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user