nuxt-ignis 0.2.5 → 0.3.0

package/components/AppFeatureList.vue

@@ -10,43 +10,62 @@
 -->
 
 <template>
-  <div class="m-auto my-4 w-3/5 flex flex-col">
-    <AppFeature :text="useT('features.nuxt')" />
-    <AppFeature :text="useT('features.security')" />
-    <AppFeature :text="useT('features.image')" />
-    <AppFeature :text="useT('features.scripts')" />
-    <AppFeature :text="useT('features.fonts')" class="fonts" />
-    <AppFeature :text="useT('features.pinia')" />
-    <AppFeature :text="useT('features.vueuse')" />
-    <AppFeature :text="useT('features.consola')" />
-    <AppFeature v-if="nuxtui" :text="useT('features.ui')" />
-    <AppFeature v-if="tailwind" :text="useT('features.tailwind')" />
-    <AppFeature v-if="nuxtui" :text="useT('features.icon')" />
-    <AppFeature v-if="neon" :text="useT('features.neon')" />
-    <AppFeature v-if="supabase" :text="useT('features.supabase')" />
-    <AppFeature v-if="i18n" :text="useT('features.i18n')" />
-    <AppFeature v-if="formkit" :text="useT('features.formkit')" />
-    <AppFeature v-if="content" :text="useT('features.content')" />
-    <AppFeature v-if="openprops" class="openprops-feature" :text="useT('features.openprops')" />
-  </div>
-  <div v-if="!pages" class="mb-2">
-    Single-page mode (/pages disabled)
+  <div class="feature-box">
+    <div class="feature-list">
+      <AppFeature :text="useIgnisT('features.nuxt')" />
+      <AppFeature :text="useIgnisT('features.consola')" />
+      <AppFeature :active="eslint" :text="useIgnisT('features.eslint')" />
+      <AppFeature :active="security" :text="useIgnisT('features.security')" />
+      <AppFeature :active="image" :text="useIgnisT('features.image')" />
+      <AppFeature :active="scripts" :text="useIgnisT('features.scripts')" />
+      <AppFeature :active="fonts" :text="useIgnisT('features.fonts')" class="fonts" />
+      <AppFeature :active="pinia" :text="useIgnisT('features.pinia')" />
+      <AppFeature :active="vueuse" :text="useIgnisT('features.vueuse')" />
+      <AppFeature :active="time" :text="useIgnisT('features.time')" />
+      <AppFeature :active="nuxtui" :text="useIgnisT('features.ui')" />
+      <AppFeature :active="tailwind" :text="useIgnisT('features.tailwind')" />
+      <AppFeature :active="nuxtui" :text="useIgnisT('features.icon')" />
+      <AppFeature :active="neon" :text="useIgnisT('features.neon')" />
+      <AppFeature :active="supabase" :text="useIgnisT('features.supabase')" />
+      <AppFeature :active="i18n" :text="useIgnisT('features.i18n')" />
+      <AppFeature :active="vueform" :text="useIgnisT('features.vueform')" />
+      <AppFeature :active="formkit" :text="useIgnisT('features.formkit')" />
+      <AppFeature :active="content" :text="useIgnisT('features.content')" />
+      <AppFeature :active="seo" :text="useIgnisT('features.seo')" />
+      <AppFeature :active="auth" :text="useIgnisT('features.auth')" />
+      <AppFeature :active="openprops" class="openprops-feature" :text="useIgnisT('features.openprops')" />
+    </div>
+    <div v-if="!pages" class="pages">
+      Single-page mode (/pages disabled)
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { useT } from '#imports' // requires explicit import for some reason
+import { useIgnisT } from '#imports' // requires explicit import for some reason
 
 const setup = useRuntimeConfig().public.ignis
+const eslint = setup.core.eslint
+const fonts = setup.core.fonts
+const image = setup.core.image
+const pinia = setup.core.pinia
+const time = setup.core.time
+const scripts = setup.core.scripts
+const security = setup.core.security
+const vueuse = setup.core.vueuse
 const ui = setup.preset.ui
-const db = setup.preset.db
 const nuxtui = ui === 'nuxt-ui' || setup.ui
 const tailwind = ui !== 'off' || setup.ui || setup.tailwind
-const neon = db === 'neon' || setup.neon
-const supabase = db === 'supabase' || setup.supabase
+const db = setup.preset.db
+const neon = db === 'neon' || (db === 'off' && setup.neon)
+const supabase = db === 'supabase' || (db === 'off' && setup.supabase)
 const i18n = setup.i18n.enabled
-const formkit = setup.formkit.enabled
+const forms = setup.preset.forms
+const vueform = forms === 'vueform' || (forms === 'off' && setup.vueform)
+const formkit = forms === 'formkit' || (forms === 'off' && setup.formkit.enabled)
 const content = setup.content
+const seo = setup.seo
+const auth = setup.auth
 const openprops = setup.openprops
 const pages = setup.pages
 </script>
@@ -56,4 +75,45 @@ const pages = setup.pages
 .fonts {
   font-family: "Kurale";
 }
+
+/* avoid Tailwind CSS styles here, because Tailwind may not be enabled */
+
+/* flex flex-row justify-center */
+.feature-box {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+}
+
+/* margin-auto my-4 w-3/5 flex flex-col */
+.feature-list {
+  margin: 0px auto;
+  margin-bottom: 8px;
+  width: 40%;
+  display: flex;
+  flex-direction: column;
+}
+
+@media (max-width: 1200px) {
+  .feature-list {
+    width: 60%;
+  }
+}
+
+@media (max-width: 800px) {
+  .feature-list {
+    width: 80%;
+  }
+}
+
+@media (max-width: 600px) {
+  .feature-list {
+    width: 100%;
+  }
+}
+
+/* mb-2 */
+.pages {
+  margin-bottom: 2em;
+}
 </style>

package/components/CurrentTime.vue

@@ -1,18 +1,14 @@
 <!--
-  The `NuxtTime` component of `nuxt-time` module is a way how to deal with SSR in Nuxt.
+  Built-in `NuxtTime` component is a way how to deal with SSR in Nuxt.
   Because page on the server is rendered miliseconds before being re-rendered on client,
   wild "hydration error mismatch" may appear from a difference between displayed times.
 
-  This special component gracefully deals with the issue:
-  https://github.com/nuxt/nuxt/discussions/23278#discussioncomment-7607298
+  https://nuxt.com/docs/api/components/nuxt-time
 -->
 
 <template>
-  <div>
-    Current time by
-    <span class="link">
-      <NuxtLink to="https://github.com/danielroe/nuxt-time">Nuxt Time</NuxtLink>
-    </span>:
+  <div style="text-align: center;">
+    Current time with <NuxtLink to="https://nuxt.com/docs/api/components/nuxt-time">NuxtTime</NuxtLink>:
     <NuxtTime
       :datetime="currentDate"
       year="numeric"
@@ -21,9 +17,13 @@
       hour="2-digit"
       minute="2-digit"
       second="2-digit" />
+    <span v-if="!vueuse">
+      (Enable VueUse to get reactive time)
+    </span>
   </div>
 </template>
 
 <script setup lang="ts">
-const currentDate = useNow()
+const vueuse = useRuntimeConfig().public.ignis.core.vueuse
+const currentDate = vueuse ? useNow() : new Date().toISOString()
 </script>

package/components/ignis/IgnisFooter.vue

@@ -0,0 +1,16 @@
+<template>
+  <footer class="link text-xs">
+    <NuxtLink to="https://github.com/AloisSeckar/nuxt-ignis">
+      https://github.com/AloisSeckar/nuxt-ignis
+    </NuxtLink>
+  </footer>
+</template>
+
+<style scoped lang="css">
+footer {
+  text-align: center;
+  margin-top: 4px;
+  font-size: 0.75rem; /* 12px */
+  line-height: 1rem; /* 16px */
+}
+</style>

package/components/ignis/IgnisHeader.vue

@@ -0,0 +1,48 @@
+<template>
+  <header>
+    <div class="ignis-header">
+      <img src="/nuxt-ignis.png" class="ignis-logo" :title :alt>
+      <h1 class="ignis-title">
+        {{ useIgnisT("title") }}
+      </h1>
+      <img src="/nuxt-ignis.png" class="ignis-logo" :title :alt>
+    </div>
+    <div class="ignis-subtitle ">
+      {{ useIgnisT("subtitle") }}
+    </div>
+  </header>
+</template>
+
+<script setup lang="ts">
+import { useIgnisT } from '#imports' // requires explicit import for some reason
+
+const title = useIgnisT('title')
+const alt = title
+</script>
+
+<style scoped>
+.ignis-header {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  margin-bottom: 10px;
+}
+.ignis-logo {
+  display: inline;
+  width: 64px;
+  height: 64px;
+}
+/* my-4 text-4xl text-amber-400 font-bold */
+.ignis-title {
+  margin-top: 15px;
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+  font-weight: bold;
+  color: #fbbf24;
+}
+.ignis-subtitle {
+  text-align: center;
+  margin: 0px auto;
+  margin-bottom: 8px;
+}
+</style>

package/components/ignis/IgnisInfo.vue

@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <IgnisHeader />
+    <AppFeatureList />
+
+    <div v-if="pages" class="link">
+      <NuxtLink to="/second">
+        {{ useIgnisT("goto2") }}
+      </NuxtLink>
+    </div>
+
+    <CurrentTime />
+    <IgnisFooter />
+  </div>
+</template>
+
+<script setup lang="ts">
+const pages = useRuntimeConfig().public.ignis.pages
+</script>
+
+<style scoped lang="css">
+.link {
+  text-align: center;
+  margin-bottom: 4px;
+}
+</style>

package/composables/useTranslation.ts

@@ -1,4 +1,4 @@
-import lang from '@/assets/lang/en.json'
+import lang from '@/i18n/locales/en.json'
 
 /**
  * An adapter above `t` function from `i18n` module.
@@ -19,7 +19,7 @@ export function useT(key: string): string {
     return useNuxtApp().$i18n.t(key)
   } else {
     // backdoor for Nuxt Ignis to display values on demo index page
-    const backdoorValue = searchLang(key)
+    const backdoorValue = useIgnisT(key)
     if (backdoorValue) {
       return backdoorValue as string
     }
@@ -29,8 +29,15 @@ export function useT(key: string): string {
   }
 }
 
-/** AI-generated helper to search a value for given key in JSON lang file. */
-function searchLang(key: string): unknown {
+/**
+ * Helper to search a value for given key in JSON lang file.
+ *
+ * Note: The core concept was AI-generated by ChatGPT.
+ *
+ * @param key identifier of text that should be displayed
+ * @returns hardcoded text from '@/i18n/locales/en.json' of nuxt-ignis package (providing the key exists)
+ */
+export function useIgnisT(key: string): unknown {
   const keys = key.split('.')
 
   let current = lang

package/content/second.md

@@ -5,3 +5,7 @@ You can have **bold text**, _italic text_ or [link](http://localhost:3000)
 #### H4 Sub-header
 - list item 1
 - list item 2
+##### H5 Custom Tailwind CSS
+<div class="text-green-500 text-2xl">
+Text colored by Tailwind CSS
+</div>

package/features.ts

@@ -1,7 +1,11 @@
+import { fileURLToPath } from 'url'
+import { dirname, join } from 'path'
 import { defu } from 'defu'
 import OpenProps from 'open-props'
 import { log } from './utils/consola'
 
+const currentDir = dirname(fileURLToPath(import.meta.url))
+
 export function setFeatures() {
   // list of optional extra features
   const extras = [] as string[]
@@ -14,30 +18,61 @@ export function setFeatures() {
     modules: [] as string[],
   }
 
-  // 1. default modules (mandatory)
-  nuxtConfig.modules.push(
-    'nuxt-time',
-    'nuxt-security',
-    '@nuxt/eslint',
-    '@nuxt/image',
-    '@nuxt/fonts',
-    '@nuxt/scripts',
-    '@pinia/nuxt',
-    '@vueuse/nuxt',
-  )
+  // 1. core modules
+  // (included unless disabled)
+
+  // https://nuxt.com/modules/eslint
+  if (process.env.NUXT_PUBLIC_IGNIS_CORE_ESLINT !== 'false') {
+    nuxtConfig.modules.push('@nuxt/eslint')
+  }
+
+  // https://nuxt.com/modules/fonts
+  if (process.env.NUXT_PUBLIC_IGNIS_CORE_FONTS !== 'false') {
+    nuxtConfig.modules.push('@nuxt/fonts')
+  }
+
+  // https://image.nuxt.com/
+  if (process.env.NUXT_PUBLIC_IGNIS_CORE_IMAGE !== 'false') {
+    nuxtConfig.modules.push('@nuxt/image')
+  }
+
+  // https://pinia.vuejs.org/ssr/nuxt.html
+  if (process.env.NUXT_PUBLIC_IGNIS_CORE_PINIA !== 'false') {
+    nuxtConfig.modules.push('@pinia/nuxt')
+  }
+
+  // https://scripts.nuxt.com/
+  if (process.env.NUXT_PUBLIC_IGNIS_CORE_SCRIPTS !== 'false') {
+    nuxtConfig.modules.push('@nuxt/scripts')
+  }
+
+  // https://nuxt.com/modules/security
+  if (process.env.NUXT_PUBLIC_IGNIS_CORE_SECURITY !== 'false') {
+    nuxtConfig.modules.push('nuxt-security')
+  }
+
+  // https://nuxt.com/modules/vueuse
+  if (process.env.NUXT_PUBLIC_IGNIS_CORE_VUEUSE !== 'false') {
+    nuxtConfig.modules.push('@vueuse/nuxt')
+  }
 
   // 2. optional modules & features
+  // (excluded unless enabled)
 
   // ui
   const uiPreset = process.env.NUXT_PUBLIC_IGNIS_PRESET_UI
   if (uiPreset === 'nuxt-ui' || (!uiPreset && process.env.NUXT_PUBLIC_IGNIS_UI === 'true')) {
     nuxtConfig.modules.push('@nuxt/ui')
+    // import tailwind css file
+    nuxtConfig = defu({
+      css: [join(currentDir, './assets/css/nuxt-ui.css')],
+    }, nuxtConfig)
   } else {
     // remove @nuxt/ui-specific components from resolution if module is not used
     nuxtConfig = defu({
       vue: {
         compilerOptions: {
-          isCustomElement: (tag: string) => tag === 'Icon',
+          isCustomElement: (tag: string) => tag === 'Icon' || tag === 'UApp',
         },
       },
     }, nuxtConfig)
@@ -45,15 +80,24 @@ export function setFeatures() {
     // evaluate separate Tailwind CSS module
     if (uiPreset === 'tailwind' || (!uiPreset && process.env.NUXT_PUBLIC_IGNIS_TAILWIND === 'true')) {
       nuxtConfig.modules.push('@nuxtjs/tailwindcss')
+      // import tailwind css file
+      nuxtConfig = defu({
+        css: [join(currentDir, './assets/css/tailwind.css')],
+      }, nuxtConfig)
     }
   }
+  // surpress other values
+  if (!uiPreset || !['nuxt-ui', 'tailwind'].includes(uiPreset)) {
+    process.env.NUXT_PUBLIC_IGNIS_PRESET_UI = 'off'
+  }
 
   // database
   const dbPreset = process.env.NUXT_PUBLIC_IGNIS_PRESET_DB
   if (dbPreset === 'neon' || (!dbPreset && process.env.NUXT_PUBLIC_IGNIS_NEON === 'true')) {
     // module definition
     nuxtConfig.modules.push('nuxt-neon')
-  } else if (dbPreset === 'supabase' || (!dbPreset && process.env.NUXT_PUBLIC_IGNIS_SUPABASE === 'true')) {
+  }
+  if (dbPreset === 'supabase' || (!dbPreset && process.env.NUXT_PUBLIC_IGNIS_SUPABASE === 'true')) {
     // module definition
     nuxtConfig.modules.push('@nuxtjs/supabase')
     // module-specific config key
@@ -63,6 +107,10 @@ export function setFeatures() {
       },
     }, nuxtConfig)
   }
+  if (dbPreset && dbPreset !== 'neon' && dbPreset !== 'supabase') {
+    // surpress other values
+    process.env.NUXT_PUBLIC_IGNIS_PRESET_DB = 'off'
+  }
 
   // i18n
   if (process.env.NUXT_PUBLIC_IGNIS_I18N_ENABLED === 'true') {
@@ -72,12 +120,26 @@ export function setFeatures() {
     nuxtConfig = defu({
       i18n: {
         vueI18n: process.env.NUXT_PUBLIC_IGNIS_I18N_CONFIG || './i18n.config.ts',
+        // default to defined here because of the way of possibe initializing of @nuxtjs/seo module
+        // TODO scanI18Names from './utils/i18n-sources' would be better, but import.meta.glob fails here...
+        locales: [process.env.NUXT_PUBLIC_IGNIS_I18N_DEFAULT || 'en'],
+        // avoid automatic route-prefixing with multiple locales
+        // TODO this needs to be written in docs
+        strategy: 'no_prefix',
+        // will deprecate in v10
+        bundle: {
+          optimizeTranslationDirective: false,
+        },
       },
     }, nuxtConfig)
   }
 
-  // formkit
-  if (process.env.NUXT_PUBLIC_IGNIS_FORMKIT_ENABLED === 'true') {
+  // forms
+  const formsPreset = process.env.NUXT_PUBLIC_IGNIS_PRESET_FORMS
+  if (formsPreset === 'vueform' || (!formsPreset && process.env.NUXT_PUBLIC_IGNIS_VUEFORM === 'true')) {
+    nuxtConfig.modules.push('@vueform/nuxt')
+  }
+  if (formsPreset === 'formkit' || (!formsPreset && process.env.NUXT_PUBLIC_IGNIS_FORMKIT_ENABLED === 'true')) {
     // module definition
     nuxtConfig.modules.push('@formkit/nuxt')
     // module-specific config key
@@ -88,18 +150,42 @@ export function setFeatures() {
       },
     }, nuxtConfig)
   }
+  if (formsPreset && formsPreset !== 'vueform' && formsPreset !== 'formkit') {
+    // surpress other values
+    process.env.NUXT_PUBLIC_IGNIS_PRESET_FORMS = 'off'
+  }
+
+  // seo
+  // 2025/04 - must be before @nuxt/content (https://nuxtseo.com/docs/nuxt-seo/guides/nuxt-content)
+  if (process.env.NUXT_PUBLIC_IGNIS_SEO === 'true') {
+    nuxtConfig.modules.push('@nuxtjs/seo')
+
+    // ogImage and Schema.org modules should be disabled with `ssr: false`
+    // note: this won't work if `ssr: false` is set in target's project nuxt.config.ts
+    if (process.env.NUXT_PUBLIC_IGNIS_SSR === 'false') {
+      nuxtConfig = defu({
+        ogImage: { enabled: false },
+        schemaOrg: { enabled: false },
+      }, nuxtConfig)
+    }
+  }
 
   // content
   if (process.env.NUXT_PUBLIC_IGNIS_CONTENT === 'true') {
     nuxtConfig.modules.push('@nuxt/content')
   }
 
+  // nuxt-auth-utils
+  if (process.env.NUXT_PUBLIC_IGNIS_AUTH === 'true') {
+    nuxtConfig.modules.push('nuxt-auth-utils')
+  }
+
   // Open Props CSS
   if (process.env.NUXT_PUBLIC_IGNIS_OPENPROPS === 'true') {
     extras.push('Open Props CSS')
     nuxtConfig = defu({
       // import Open Prpops stylesheet
-      css: ['~/assets/css/open-props.css'],
+      css: [join(currentDir, './assets/css/open-props.css')],
       // CSS processor for Open Props
       postcss: {
         plugins: {
@@ -132,7 +218,19 @@ export function setFeatures() {
     nuxt.push('pages=false')
   }
 
-  // 4. verify results
+  // 4. warn if duplicate modules find
+  // this means e.g. 2 database modules or 2 form solutions
+  if (process.env.NUXT_PUBLIC_IGNIS_WARN_DUPLICATES !== 'false') {
+    const used = nuxtConfig.modules
+    if (used.includes('nuxt-neon') && used.includes('nuxt-neon')) {
+      log.warn('You have both DB connector modules (Neon and Supabase) active, which is not recommended. If this is intentional, you can use `process.env.NUXT_PUBLIC_IGNIS_WARN_DUPLICATES=false` to surpress this warning.')
+    }
+    if (used.includes('@vueform/nuxt') && used.includes('@formkit/nuxt')) {
+      log.warn('You have both Form solution provider modules (Vueform and Formkit) active, which is not recommended. If this is intentional, you can use `process.env.NUXT_PUBLIC_IGNIS_WARN_DUPLICATES=false` to surpress this warning.')
+    }
+  }
+
+  // 5. verify results
   // TODO why this run twice?
 
   let overview = 'Nuxt Ignis will start using following settings:\n'

package/i18n/i18n.config.ts

@@ -3,10 +3,10 @@ const ignisLocale = process.env.NUXT_PUBLIC_IGNIS_I18N_DEFAULT || 'en'
 // https://i18n.nuxtjs.org/docs/composables/define-i18n-config
 export default defineI18nConfig(() => ({
   legacy: false,
-  strategy: 'no_prefix',
   locale: ignisLocale,
+  locales: scanI18Names(), // will dynamically load all available locale definitions from @/i18n/locales/*
   defaultLocale: ignisLocale,
   fallbackLocale: ignisLocale,
-  messages: scanI18NSources(), // will dynamically load all .jsons from @/assets/lang/*
+  messages: scanI18NSources(), // will dynamically load all .jsons from @/i18n/locales/*
   warnHtmlMessage: false,
 }))

package/{assets/lang → i18n/locales}/en.json

@@ -7,21 +7,26 @@
     "goto2" : "Go to 2nd page",
     "features" : {
         "nuxt" : "Nuxt application framework atop Vue.js",
+        "consola" : "Logging with unjs/consola",
+        "eslint" : "Linting for better DevEx",
         "security" : "Nuxt Security module helping with OWASP patterns",
         "image" : "Nuxt Image to optimize use of images",
         "scripts" : "Nuxt Scripts to allow simple execution of external scripts",
         "fonts" : "Nuxt Fonts to allow simple integration of various fonts",
         "pinia" : "Pinia for state management",
         "vueuse" : "VueUse utils available",
+        "time" : "SSR-friendly real time rendering",
         "i18n" : "I18n for translations",
-        "consola" : "Logging with unjs/consola",
         "ui" : "Nuxt UI as UI components library",
         "tailwind" : "Tailwind CSS for styling",
         "icon" : "Icon module for displaying icons",
         "supabase" : "Supabase for auth and DB services",
         "neon" : "Neon for DB services",
         "formkit" : "FormKit for input forms",
+        "vueform" : "Vueform for input forms",
         "content" : "Nuxt Content for creating and editing content",
+        "seo" : "Nuxt SEO collection of SEO-related modules",
+        "auth" : "Nuxt Auth Utils for easy and secure authentication",
         "openprops" : "Additional CSS by Open Props"
     }
 }

package/i18n/locales/es.json

@@ -0,0 +1,4 @@
+{
+    "title" : "Nuxt Ignis",
+    "subtitle" : "Una configuración lista para usar para su próxima aplicación en Nuxt"
+}

package/nuxt.config.ts

@@ -12,7 +12,7 @@ const nuxtConfig = defu(ignisFeatures, {
   ],
 
   // https://nuxt.com/docs/api/nuxt-config#compatibilitydate
-  compatibilityDate: '2025-03-20',
+  compatibilityDate: '2025-05-21',
 
   // simple eslint config - see eslint.config.mjs
   eslint: {
@@ -50,12 +50,28 @@ const nuxtConfig = defu(ignisFeatures, {
         // nuxt-related config
         ssr: true, // true/false
         pages: true, // true/false
+
         // presets
         preset: {
           ui: 'off', // nuxt-ui/tailwind/off
           db: 'off', // neon/supabase/off
+          forms: 'off', // formkit/vueform/off
+        },
+
+        // core modules
+        // (may be disabled by explicitly setting "false")
+        core: {
+          eslint: true,
+          fonts: true,
+          image: true,
+          pinia: true,
+          time: true,
+          scripts: true,
+          security: true,
+          vueuse: true,
         },
-        // individual modules
+
+        // optional modules
         ui: false, // true/false
         tailwind: false, // true/false (ignored, if ui=true)
         neon: false, // true/false
@@ -70,12 +86,20 @@ const nuxtConfig = defu(ignisFeatures, {
           default: 'en', // default locale (should be same as i18n)
           config: './formkit.config.ts', // path to config file
         },
+        vueform: false, // true/false
         content: false, // true/false
         openprops: false, // true/false
         pslo: {
           enabled: false, // true/false (elrh-pslo will (not) be used)
           content: false, // true/false (elrh-pslo will (not) be aplied on nuxt-content)
         },
+        seo: false, // true/false
+        auth: false, // true/false
+
+        // extra behavior
+        warn: {
+          duplicates: true, // true/false
+        },
       },
     },
   },