nuxt.config.ts

import { NuxtConfig } from "@nuxt/types";

const config: NuxtConfig = {
    ssr: false,

	// Target: https://go.nuxtjs.dev/config-target
	target: "static",

	// Global page headers: https://go.nuxtjs.dev/config-head
	head: {
		title: "Paradar",
		meta: [
			{ charset: "utf-8" },
			{ name: "viewport", content: "width=device-width, initial-scale=1, shrink-to-fit=no" },
			{ hid: "description", name: "description", content: "" },
			{ name: "format-detection", content: "telephone=no" }
		],
		link: [
			{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }
		]
	},

	// Global CSS: https://go.nuxtjs.dev/config-css
	css: [
		"~/assets/scss/main.scss"
	],

	// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
	plugins: [
        "@/plugins/vueLayers.js",
		"~/plugins/flespi/flespiPlugin.ts",
		"~/plugins/bootstrapVue.ts"
	],

	// Auto import components: https://go.nuxtjs.dev/config-components
	components: true,

	// Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
	buildModules: [
		// https://go.nuxtjs.dev/typescript
		"@nuxt/typescript-build",
		// https://go.nuxtjs.dev/stylelint
		"@nuxtjs/stylelint-module",
		// https://www.npmjs.com/package/@nuxtjs/dotenv
		"@nuxtjs/dotenv"
	],

	// Modules: https://go.nuxtjs.dev/config-modules
	modules: [
		// https://go.nuxtjs.dev/bootstrap
		"bootstrap-vue/nuxt",
		// https://go.nuxtjs.dev/pwa
		"@nuxtjs/pwa",
		"~/modules/vueLayers.ts"
	],

	// PWA module configuration: https://go.nuxtjs.dev/pwa
	pwa: {
		meta: {
			name: "Paradar",
			author: "Paradar Team",
			description: "Paradar allows you to view and track vital goods and personnel in times of chaos",
			theme_color: "#11A9A1"
		},
		manifest: {
			name: "Paradar Tracking",
			short_name: "Paradar",
			lang: "en"
		}
	},

	// Build Configuration: https://go.nuxtjs.dev/config-build
	build: {
		extend (config, ctx) {
			if (ctx.isDev) {
				config.devtool = ctx.isClient ? "source-map" : "inline-source-map";
			}
		},
		transpile: ["bootstrap-vue"],
		babel: {
			compact: true
		}
	},

	/*
	 * In order to detail which components Nuxt.JS needs to keep,
	 * you'll need the used plugins, directives and components below
	 * https://bootstrap-vue.org/docs#tree-shaking-with-nuxtjs
	 */
	bootstrapVue: {
		componentsPlugins: [
			"ButtonPlugin",
			"ToastPlugin",
			"SidebarPlugin"
		],
		components: [
			"BIconPinMap",
			"BIconList"
		]
	},
	env: {
		FLESPI_KEY: process.env.FLESPI_KEY || "no-key-found"
	}
};

export default config;