elk/nuxt.config.ts
2023-01-09 22:27:03 +02:00

146 lines
3.4 KiB
TypeScript

import Inspect from 'vite-plugin-inspect'
import { isCI, isDevelopment } from 'std-env'
import { isPreview } from './config/env'
import { pwa } from './config/pwa'
import type { BuildInfo } from './types'
export default defineNuxtConfig({
typescript: {
tsConfig: {
exclude: ['../service-worker'],
vueCompilerOptions: {
jsxTemplates: true,
experimentalRfc436: true,
},
},
},
modules: [
'@vueuse/nuxt',
'@unocss/nuxt',
'@pinia/nuxt',
'@vue-macros/nuxt',
'@nuxtjs/color-mode',
'~/modules/purge-comments',
'~/modules/setup-components',
'~/modules/build-env',
'~/modules/pwa/index', // change to '@vite-pwa/nuxt' once released and remove pwa module
'~/modules/tauri/index',
],
experimental: {
payloadExtraction: false,
reactivityTransform: true,
inlineSSRStyles: false,
},
css: [
'@unocss/reset/tailwind.css',
'floating-vue/dist/style.css',
'~/styles/vars.css',
'~/styles/global.css',
'~/styles/tiptap.css',
'~/styles/dropdown.css',
],
alias: {
'querystring': 'rollup-plugin-node-polyfills/polyfills/qs',
'change-case': 'scule',
},
imports: {
dirs: [
'./composables/masto',
'./composables/push-notifications',
'./composables/settings',
'./composables/tiptap',
'./composables/fluent',
],
},
vite: {
define: {
'process.env.VSCODE_TEXTMATE_DEBUG': 'false',
'process.mock': ((!isCI || isPreview) && process.env.MOCK_USER) || 'false',
},
build: {
target: 'esnext',
},
plugins: [
Inspect(),
],
},
postcss: {
plugins: {
'postcss-nested': {},
},
},
runtimeConfig: {
deployUrl: !isCI
? 'http://localhost:5314'
: isPreview
? process.env.DEPLOY_PRIME_URL
: 'https://elk.zone',
cloudflare: {
accountId: '',
namespaceId: '',
apiToken: '',
},
discord: {
inviteUrl: 'https://chat.elk.zone',
},
github: {
// oauth flow
clientId: '',
clientSecret: '',
inviteToken: '',
},
public: {
env: '', // set in build-env module
buildInfo: {} as BuildInfo, // set in build-env module
pwaEnabled: !isDevelopment || process.env.VITE_DEV_PWA === 'true',
translateApi: '',
defaultServer: 'mas.to',
},
storage: {
driver: isCI ? 'cloudflare' : 'fs',
fsBase: 'node_modules/.cache/servers',
},
},
routeRules: {
'/api/list-servers': { swr: true },
'/manifest.webmanifest': {
headers: {
'Content-Type': 'application/manifest+json',
},
},
},
nitro: {
prerender: {
crawlLinks: false,
routes: ['/'],
},
},
app: {
keepalive: true,
head: {
// Prevent arbitrary zooming on mobile devices
viewport: 'width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover',
bodyAttrs: {
class: 'overflow-x-hidden',
},
link: [
{ rel: 'icon', href: '/favicon.ico', sizes: 'any' },
{ rel: 'icon', type: 'image/svg+xml', href: '/logo.svg' },
{ rel: 'apple-touch-icon', href: '/apple-touch-icon.png' },
],
meta: [
{ name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' },
],
},
},
colorMode: { classSuffix: '' },
pwa,
})
declare global {
namespace NodeJS {
interface Process {
mock?: Record<string, any>
}
}
}