nuxt.config.js

import { createDirectus, rest, staticToken, readSingleton, updateSingleton } from "@directus/sdk"
import pack from './package.json'

export default defineNuxtConfig({
  compatibilityDate: "2024-08-04",
  extends: ['./auth', './theme', './membership'],
  devServer: {
    port: 3000
  },
  app: {
    layoutTransition: { name: 'page', mode: 'out-in' },
    pageTransition: { name: 'page', mode: 'out-in' },
    siteName: 'Chromatone Academy',
  },
  site: {
    url: 'https://academy.chromatone.center',
  },
  css: [
    '@unocss/reset/tailwind.css',
  ],
  devtools: {
    enabled: true,
    timeline: {
      enabled: true
    }
  },
  directus: {
    autoRefresh: true,
    devtools: true,
    url: process.env?.NUXT_PUBLIC_DB_URL,
    token: process.env?.NUXT_PUBLIC_ACADEMY_KEY
  },
  runtimeConfig: {
    dbManagerKey: '',
    stripeSecretKey: '',
    stripeWebhookSecret: '',
    apiToken: '',
    public: {
      appDomain: '',
      botUrl: '',
      dbUrl: '',
      dbToken: '',
      academyKey: '',
      umamiId: '',
      umamiUrl: '',
      subscriptionsOpen: '',
    }
  },
  modules: [
    'nuxt-auth-utils',
    "@unocss/nuxt",
    "nuxt-directus",
    "@nuxtjs/sitemap",
    '@nuxtjs/mdc',
    '@nuxt/image',
    '@nuxtjs/color-mode',
    'floating-vue/nuxt',
    'nuxt-cron'
  ],
  router: {
    scrollBehavior() {
      return { top: 0 }
    }
  },
  routeRules: {
    '/': { prerender: true },
  },
  colorMode: {
    classSuffix: ''
  },
  image: {
    provider: 'directus',
    format: ['webp'],
    domains: [process.env?.NUXT_PUBLIC_DB_DOMAIN],
    directus: {
      baseURL: `${process.env?.NUXT_PUBLIC_DB_URL}/assets/`,
      modifiers: {
        withoutEnlargement: 'true'
      }
    }
  },
  experimental: {
    sharedPrerenderData: true
  },
  vueEmail: {
    baseUrl: 'https://academy.chromatone.center/',
    autoImport: true,
  },
  hooks: {
    'build:before': async () => {
      const db = createDirectus(process.env?.NUXT_PUBLIC_DB_URL).with(rest()).with(staticToken(process.env?.NUXT_PUBLIC_ACADEMY_KEY))
      const academy = await db.request(readSingleton('academy', { fields: ['version'] }))
      console.log('version: ', pack?.version, pack?.version == academy?.version ? '✔️' : 'updating')
      if (pack?.version != academy?.version) {
        await db.request(updateSingleton('academy', {
          version: pack?.version
        }))
        console.log('updated version to: ', pack?.version)
      }
    }
  }
})