nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config

export default defineNuxtConfig({
	pages:true,
	modules: [
		'nuxt-vuefire',
	],
	ssr: true,
	vuefire: {
		auth: true,
		config: {
			apiKey: process.env.FIREBASE_API_KEY,
			authDomain: process.env.FIREBASE_AUTH_DOMAIN,
			projectId: process.env.FIREBASE_PROJECT_ID,
			appId: process.env.FIREBASE_APP_ID,
			storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
			messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID,
			measurementId: process.env.FIREBASE_MEASUREMENT_ID
		},
	},
	routeRules: {
		'/auth/sign-out': {ssr: false}
	},
	runtimeConfig: {
		apiKey: process.env.FIREBASE_API_KEY,
		authDomain: process.env.FIREBASE_AUTH_DOMAIN,
		projectId: process.env.FIREBASE_PROJECT_ID,
		appId: process.env.FIREBASE_APP_ID,
		storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
		messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID,
		measurementId: process.env.FIREBASE_MEASUREMENT_ID,
		googleMapsApiKey: process.env.GOOGLE_MAPS_API_KEY, //For the server-side geocoding API
		public: {
			googleMapsApiKey: process.env.GOOGLE_MAPS_API_KEY, //For the client-side embedded Google Map
			gaMeasurementId: process.env.GA_MEASUREMENT_ID,
		}
	},
	app: {
		head: {
			htmlAttrs: {
				lang: 'en'
			},
			charset: 'utf-8',
			viewport: 'width=device-width, initial-scale=1',
			title: 'IN2IT Chicago',
			link: [
				{
					href: 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css',
					rel: 'stylesheet',
					crossorigin: 'anonymous'
				},
				{
					rel: 'preconnect',
					href: 'https://fonts.googleapis.com'
				},
				{
					rel: 'preconnect',
					href: 'https://fonts.gstatic.com'
				},
				{
					rel: 'stylesheet',
					href: 'https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap'
				},
			],
			script: [
				{
					src: 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js',
					integrity: 'sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p',
					crossorigin: 'anonymous'
				},
				{
					src: `https://maps.googleapis.com/maps/api/js?key=${process.env.GOOGLE_MAPS_API_KEY}&libraries=places&callback=initMap`,
					async: true,
					defer: true
				},
				{
					src: `https://www.googletagmanager.com/gtag/js?id=${process.env.GA_MEASUREMENT_ID}`,
					async: true
				},
				{
				children: `
					window.dataLayer = window.dataLayer || [];
					function gtag(){dataLayer.push(arguments);}
					gtag('js', new Date());
					gtag('config', '${process.env.GA_MEASUREMENT_ID}');
				`,
					type: 'text/javascript',
				},
			]
		}
	},
	css: [
		'~/assets/css/styles.css'
	]
})