nuxt-ignis 0.3.3 → 0.4.0-rc.1

package/components/ignis/IgnisFeatureList.vue

@@ -0,0 +1,125 @@
+<!--
+    https://nuxt.com/docs/guide/directory-structure/pages
+
+    An example of Nuxt component.
+
+    IgnisFeature
+     - an example usage of auto-imported Nuxt component declared in `/components` directory
+     - the text is (usually) being loaded localized via nuxtjs/i18n module
+     - features are being displayed conditionally according to current setting
+-->
+
+<template>
+  <div style="text-align: center;">
+    <h1>Features Overview</h1>
+    <div class="feature-list">
+      <IgnisFeature :text="useIgnisT('features.nuxt')" />
+      <IgnisFeature :text="useIgnisT('features.consola')" />
+      <IgnisFeature :active="eslint" :text="useIgnisT('features.eslint')" />
+      <IgnisFeature :active="security" :text="useIgnisT('features.security')" />
+      <IgnisFeature :active="image" :text="useIgnisT('features.image')" />
+      <IgnisFeature :active="scripts" :text="useIgnisT('features.scripts')" />
+      <IgnisFeature :active="fonts" :text="useIgnisT('features.fonts')" class="fonts" />
+      <IgnisFeature :active="pinia" :text="useIgnisT('features.pinia')" />
+      <IgnisFeature :active="vueuse" :text="useIgnisT('features.vueuse')" />
+      <IgnisFeature :active="true" :text="useIgnisT('features.time')" />
+      <IgnisFeature :active="nuxtui" :text="useIgnisT('features.ui')" />
+      <IgnisFeature :active="tailwind" :text="useIgnisT('features.tailwind')" />
+      <IgnisFeature :active="nuxtui" :text="useIgnisT('features.icon')" />
+      <IgnisFeature :active="neon" :text="useIgnisT('features.neon')" />
+      <IgnisFeature :active="supabase" :text="useIgnisT('features.supabase')" />
+      <IgnisFeature :active="i18n" :text="useIgnisT('features.i18n')" />
+      <IgnisFeature :active="vueform" :text="useIgnisT('features.vueform')" />
+      <IgnisFeature :active="formkit" :text="useIgnisT('features.formkit')" />
+      <IgnisFeature :active="valibot" :text="useIgnisT('features.valibot')" />
+      <IgnisFeature :active="zod" :text="useIgnisT('features.zod')" />
+      <IgnisFeature :active="content" :text="useIgnisT('features.content')" />
+      <IgnisFeature :active="seo" :text="useIgnisT('features.seo')" />
+      <IgnisFeature :active="auth" :text="useIgnisT('features.auth')" />
+      <IgnisFeature :active="equipment" :text="useIgnisT('features.equipment')" />
+      <IgnisFeature :active="regexp" :text="useIgnisT('features.regexp')" />
+      <IgnisFeature :active="charts" :text="useIgnisT('features.charts')" />
+      <IgnisFeature :active="openprops" class="openprops-feature" :text="useIgnisT('features.openprops')" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+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 scripts = setup.core.scripts
+const security = setup.core.security
+const vueuse = setup.core.vueuse
+const ui = setup.preset.ui
+const nuxtui = ui === 'nuxt-ui' || setup.ui
+const tailwind = ui !== 'off' || setup.ui || setup.tailwind
+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 forms = setup.preset.forms
+const vueform = forms === 'vueform' || (forms === 'off' && setup.vueform)
+const formkit = forms === 'formkit' || (forms === 'off' && setup.formkit.enabled)
+const validation = setup.preset.validation
+const valibot = validation === 'valibot' || (validation === 'off' && setup.valibot)
+const zod = validation === 'zod' || (validation === 'off' && setup.zod)
+const content = setup.content
+const seo = setup.seo
+const auth = setup.auth
+const openprops = setup.openprops
+const equipment = setup.equipment.enabled
+const regexp = setup.regexp
+const charts = setup.charts
+</script>
+
+<style scoped>
+/* demo for @nuxt/fonts */
+.fonts {
+  font-family: "Kurale";
+}
+
+/* avoid Tailwind CSS styles here, because Tailwind may not be enabled */
+
+h1 {
+  font-size: 1.75rem;
+  margin-top: 2rem;
+  margin-bottom: 0.5rem;
+  color: #fbbf24;
+}
+
+/* margin-auto my-4 flex flex-col */
+.feature-list {
+  margin: 0px auto;
+  margin-bottom: 8px;
+  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/ignis/IgnisFooter.vue

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

package/components/ignis/IgnisHeader.vue

@@ -2,9 +2,9 @@
   <header>
     <div class="ignis-header">
       <img src="/nuxt-ignis.png" class="ignis-logo" :title :alt>
-      <h1 class="ignis-title">
+      <div class="ignis-title">
         {{ useIgnisT("title") }}
-      </h1>
+      </div>
       <img src="/nuxt-ignis.png" class="ignis-logo" :title :alt>
     </div>
     <div class="ignis-subtitle ">
@@ -25,7 +25,8 @@ const alt = title
   display: flex;
   flex-direction: row;
   justify-content: center;
-  margin-bottom: 10px;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
 }
 .ignis-logo {
   display: inline;

package/components/ignis/IgnisInfo.vue

@@ -1,13 +1,8 @@
 <template>
   <div>
     <IgnisHeader />
-    <AppFeatureList />
 
-    <div v-if="pages" class="link">
-      <NuxtLink to="/second">
-        {{ useIgnisT("goto2") }}
-      </NuxtLink>
-    </div>
+    <component :is="ignisContent" />
 
     <CurrentTime />
     <IgnisFooter />
@@ -15,12 +10,18 @@
 </template>
 
 <script setup lang="ts">
-const pages = useRuntimeConfig().public.ignis.pages
-</script>
+export type IgnisComponentType = 'Welcome' | 'Features' | 'Config'
+
+const props = defineProps<{
+  content: IgnisComponentType
+}>()
 
-<style scoped lang="css">
-.link {
-  text-align: center;
-  margin-bottom: 4px;
+let ignisContent
+if (props.content === 'Welcome') {
+  ignisContent = resolveComponent('IgnisWelcome')
+} else if (props.content === 'Config') {
+  ignisContent = resolveComponent('IgnisConfig')
+} else {
+  ignisContent = resolveComponent('IgnisFeatureList')
 }
-</style>
+</script>

package/components/ignis/IgnisWelcome.vue

@@ -0,0 +1,65 @@
+<template>
+  <div style="display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding: 2rem;">
+    <h1>Welcome to Ignis</h1>
+    <p>Thank you for choosing Nuxt Ignis! Your awesome website is just a few steps away.</p>
+    <p v-if="pages">
+      Replace <span class="file">/pages/index.vue</span> with your own content to get started. You may also replace <span class="file">/app.vue</span> to adjust site defaults.
+    </p>
+    <p v-else>
+      Replace <span class="file">/app.vue</span> with your own content to get started.
+    </p>
+    <h2>Resources</h2>
+    <div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
+      <NuxtLink to="/_ignis-info" class="feature">Features Overview</NuxtLink>
+      <NuxtLink to="/_ignis-config" class="feature">Configuration Overview</NuxtLink>
+      <NuxtLink to="https://nuxt-ignis.netlify.app/" class="feature">Documentation &#x1F517;</NuxtLink>
+    </div>
+    <a href="https://github.com/AloisSeckar/nuxt-ignis" title="Nuxt Ignis on GitHub">
+      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Design Icons by Pictogrammers - https://github.com/Templarian/MaterialDesign/blob/master/LICENSE --><path fill="#888888" d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2" /></svg>
+    </a>
+  </div>
+</template>
+
+<script setup lang="ts">
+const pages = useRuntimeConfig().public.ignis.pages
+</script>
+
+<style scoped lang="css">
+h1 {
+  font-size: 1.75rem;
+  margin-bottom: 0.5rem;
+  color: #fbbf24;
+}
+h2 {
+  font-size: 1.5rem;
+  color: #fbbf24;
+}
+p {
+  width: 100%;
+}
+
+.file {
+  display: inline;
+  color: #fbbf24;
+  font-family: monospace;
+}
+
+/* TODO unify with IgnisFeature.vue */
+.feature {
+  margin: 4px;
+  padding: 4px 12px;
+  border: 2px solid #fcd34d;
+  font-size: 1em !important;
+  font-weight: bold;
+  background-color: #047857;
+  color: #f1f5f9;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  border-radius: 0.5rem;
+}
+.feature:hover {
+  background-color: #334155;
+  color: #3CB371;
+  text-decoration: none;
+}
+</style>

package/composables/useTranslation.ts

@@ -20,8 +20,8 @@ export function useT(key: string): string {
   } else {
     // backdoor for Nuxt Ignis to display values on demo index page
     const backdoorValue = useIgnisT(key)
-    if (backdoorValue) {
-      return backdoorValue as string
+    if (backdoorValue !== '???') {
+      return backdoorValue
     }
     // for other custom values a warning will be produced and a placeholder will be returned
     log.warn('@nuxtjs/i18n turned off, translations are not available (set NUXT_PUBLIC_IGNIS_I18N=true)')
@@ -37,18 +37,27 @@ export function useT(key: string): string {
  * @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 {
+export function useIgnisT(key: string): string {
   const keys = key.split('.')
 
-  let current = lang
-  for (const key of keys) {
-    if (current && key in current) {
+  let currentLang = lang
+  for (const currentKey of keys) {
+    if (currentLang && currentKey in currentLang) {
       // @ts-expect-error TODO this should be fixed
-      current = current[key]
+      currentLang = currentLang[currentKey]
     } else {
-      return undefined
+      log.debug(`useIgnisT: string value not found for "${key}"`)
+      return '???'
     }
   }
 
-  return current
+  if (typeof currentLang === 'string') {
+    return currentLang
+  }
+
+  log.debug(`useIgnisT: string value not found for "${key}"`)
+  log.debug(`useIgnisT: was resolved as:`)
+  log.debug(JSON.stringify(currentLang))
+
+  return '???'
 }

package/features.ts

@@ -74,7 +74,7 @@ export function setFeatures() {
     nuxtConfig.modules.push('@nuxt/ui')
     // import tailwind css file
     nuxtConfig = defu({
-      css: [join(currentDir, './assets/css/nuxt-ui.css')],
+      css: [join(currentDir, './assets/css/ignis-nuxt-ui.css')],
     }, nuxtConfig)
   } else {
     // remove @nuxt/ui-specific components from resolution if module is not used
@@ -93,7 +93,7 @@ export function setFeatures() {
       extras.push('Tailwind CSS')
       // import tailwind css file
       nuxtConfig = defu({
-        css: [join(currentDir, './assets/css/tailwind.css')],
+        css: [join(currentDir, './assets/css/ignis-tailwind.css')],
         vite: {
           plugins: [tailwindcss()], // temporary integration using Vite plugin directly
         },
@@ -242,7 +242,7 @@ export function setFeatures() {
     extras.push('Open Props CSS')
     nuxtConfig = defu({
       // import Open Prpops stylesheet
-      css: [join(currentDir, './assets/css/open-props.css')],
+      css: [join(currentDir, './assets/css/ignis-open-props.css')],
       // CSS processor for Open Props
       postcss: {
         plugins: {
@@ -257,6 +257,16 @@ export function setFeatures() {
     extras.push('elrh-pslo')
   }
 
+  // magic-regexp
+  if (process.env.NUXT_PUBLIC_IGNIS_REGEXP === 'true') {
+    nuxtConfig.modules.push('magic-regexp/nuxt')
+  }
+
+  // magic-regexp
+  if (process.env.NUXT_PUBLIC_IGNIS_CHARTS === 'true') {
+    nuxtConfig.modules.push('nuxt-charts')
+  }
+
   // 3. Nuxt-related settings
 
   nuxt.push(`log-level=${process.env.NUXT_PUBLIC_IGNIS_LOG_LEVEL || 'info[default]'}`)
@@ -275,7 +285,38 @@ export function setFeatures() {
     nuxt.push('pages=false')
   }
 
-  // 4. warn if duplicate modules find
+  // default CSS file
+  if (process.env.NUXT_PUBLIC_IGNIS_CORE_CSS !== 'false') {
+    nuxtConfig = defu({
+      css: [join(currentDir, './assets/css/ignis.css')],
+    }, nuxtConfig)
+    nuxt.push('ignis CSS')
+  }
+
+  // custom CSS files
+  if (process.env.NUXT_PUBLIC_IGNIS_CSS) {
+    // values MUST be delimited by "," (spaces will be trimmed)
+    nuxtConfig = defu({
+      css: process.env.NUXT_PUBLIC_IGNIS_CSS.split(',').map(p => p?.trim()),
+    }, nuxtConfig)
+    nuxt.push('custom CSS')
+  }
+
+  // 4. HTML config
+  const htmlLang = process.env.NUXT_PUBLIC_IGNIS_HTML_LANG || 'en'
+  const appTitle = process.env.NUXT_PUBLIC_IGNIS_HTML_TITLE || 'Nuxt Ignis App'
+  nuxtConfig = defu({
+    app: {
+      head: {
+        htmlAttrs: {
+          lang: htmlLang,
+        },
+        title: appTitle,
+      },
+    },
+  }, nuxtConfig)
+
+  // 5. 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
@@ -291,16 +332,17 @@ export function setFeatures() {
     }
   }
 
-  // 5. verify results
-  // TODO why this run twice?
+  // 6. verify results
+  // TODO why this run twice? (SSR?)
 
-  let overview = 'Nuxt Ignis will start using following settings:\n'
-  overview += 'Modules: ' + nuxtConfig.modules.join(', ') + '\n'
+  let overview = `Nuxt Ignis will start using following settings:\n`
+  overview += `App title: ${appTitle}\n`
+  overview += `Modules: ${nuxtConfig.modules.join(', ')}\n`
   if (extras.length > 0) {
-    overview += 'Extras: ' + extras.join(', ') + '\n'
+    overview += `Extras: ${extras.join(', ')}\n`
   }
   if (nuxt.length > 0) {
-    overview += 'Nuxt: ' + nuxt.join(', ') + '\n'
+    overview += `Nuxt: ${nuxt.join(', ')}\n`
   }
   log.info(overview)
 

package/formkit.config.ts

@@ -1,12 +1,12 @@
-// https://formkit.com/guides/optimizing-for-production#using-the-nuxt-module
-import { en, de, cs } from '@formkit/i18n'
-import type { DefaultConfigOptions } from '@formkit/vue'
+// minimal config for Formkit
+// currently required to be loaded like this...
 
-const ignisLocale = process.env.NUXT_PUBLIC_IGNIS_FORMKIT_DEFAULT || 'en'
+import { loadFormkitConfig } from './utils/formkit'
 
-const config: DefaultConfigOptions = {
-  locales: { en, de, cs }, // TODO allow multiple locales
-  locale: ignisLocale,
-}
+const config = loadFormkitConfig({
+  // custom config here
+})
 
+// Formkit expects default export of a `config` constant
+// `export default loadFormkitConfig({})` does not work
 export default config

package/i18n/locales/en.json

@@ -1,9 +1,9 @@
 {
     "title" : "Nuxt Ignis",
     "subtitle" : "A ready-to-use setup for your next application in Nuxt",
-    "page2" : "This is a second page of the application",
+    "page2" : "This is a test page of Nuxt Ignis app",
     "image" : "Image by Unsplash displayed with Nuxt Image",
-    "goto1" : "Go back to index",
+    "goto1" : "Go back to info",
     "goto2" : "Go to 2nd page",
     "features" : {
         "nuxt" : "Nuxt application framework atop Vue.js",
@@ -29,6 +29,12 @@
         "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"
+        "openprops" : "Additional CSS by Open Props",
+        "equipment" : "Vue Equipment utils available",
+        "regexp" : "Magic Regexp for easier regexp handling",
+        "charts" : "Nuxt Charts for drawing charts with ease"
+    },
+    "config" : {
+        "header" : "Current Nuxt Ignis iteration was started with following config applied:"
     }
-}
+}

package/nuxt.config.ts

@@ -1,3 +1,5 @@
+import { writeFileSync, existsSync, mkdirSync } from 'fs'
+import { dirname } from 'path'
 import { defu } from 'defu'
 import { setFeatures } from './features'
 
@@ -11,8 +13,8 @@ const nuxtConfig = defu(ignisFeatures, {
     'nuxt-spec',
   ],
 
-  // https://nuxt.com/docs/api/nuxt-config#compatibilitydate
-  compatibilityDate: '2025-06-07',
+  // https://nuxt.com/docs/3.x/api/nuxt-config#compatibilitydate
+  compatibilityDate: '2025-07-19',
 
   // simple eslint config - see eslint.config.mjs
   eslint: {
@@ -42,6 +44,13 @@ const nuxtConfig = defu(ignisFeatures, {
       // actual values MUST BE provided via .env file (or production equivalent)
       ignis: {
 
+        html: {
+          // HTML lang attribute,
+          lang: 'en',
+          // HTML page title,
+          title: 'Nuxt Ignis App',
+        },
+
         // logging
         log: {
           level: 'info',
@@ -54,6 +63,9 @@ const nuxtConfig = defu(ignisFeatures, {
         ssr: true, // true/false
         pages: true, // true/false
 
+        // custom css files
+        css: '',
+
         // presets
         preset: {
           ui: 'off', // nuxt-ui/tailwind/off
@@ -65,6 +77,7 @@ const nuxtConfig = defu(ignisFeatures, {
         // core modules
         // (may be disabled by explicitly setting "false")
         core: {
+          css: true, // not a module, but a default css file
           eslint: true,
           fonts: true,
           image: true,
@@ -105,6 +118,8 @@ const nuxtConfig = defu(ignisFeatures, {
           composables: '', // list of Vue Equipment composables
           plugins: '', // list of Vue Equipment plugins
         },
+        regexp: false, // true/false
+        charts: false, // true/false
 
         // extra behavior
         warn: {
@@ -113,6 +128,19 @@ const nuxtConfig = defu(ignisFeatures, {
       },
     },
   },
+  hooks: {
+    'schema:resolved'() {
+      const ignisConfig = JSON.stringify(ignisFeatures, null, 2)
+      const outPath = './public/_ignis-config.json'
+
+      const outDir = dirname(outPath)
+      if (!existsSync(outDir)) {
+        mkdirSync(outDir, { recursive: true })
+      }
+
+      writeFileSync(outPath, ignisConfig)
+    },
+  },
 })
 
 // https://nuxt.com/docs/getting-started/configuration#nuxt-configuration

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "nuxt-ignis",
-  "version": "0.3.3",
-  "description": "Enhanced and customizable Nuxt application starter pack",
+  "version": "0.4.0-rc.1",
+  "description": "A ready-to-use setup for your next application in Nuxt",
   "keywords": [
     "nuxt",
     "nuxtjs",
     "nuxt3",
-    "starter"
+    "starter",
+    "layer",
+    "nuxt-layer"
   ],
   "author": "Alois Seckar <alois.seckar@gmail.com>",
   "homepage": "https://github.com/AloisSeckar/nuxt-ignis",
@@ -22,44 +24,50 @@
   "type": "module",
   "main": "./nuxt.config.ts",
   "engines": {
-    "node": ">=18.0.0"
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "bin": {
+    "make-eslint": "./bin/make-eslint.js"
   },
   "dependencies": {
     "@formkit/nuxt": "1.6.9",
-    "@maas/vue-equipment": "1.0.0-beta.30",
-    "@nuxt/content": "3.6.1",
-    "@nuxt/eslint": "1.4.1",
+    "@maas/vue-equipment": "1.0.0-beta.32",
+    "@nuxt/content": "3.6.3",
+    "@nuxt/eslint": "1.6.0",
     "@nuxt/fonts": "0.11.4",
     "@nuxt/image": "1.10.0",
-    "@nuxt/scripts": "0.11.8",
-    "@nuxt/ui": "3.1.3",
-    "@nuxtjs/i18n": "9.5.5",
-    "@nuxtjs/seo": "3.0.3",
-    "@nuxtjs/supabase": "1.5.2",
+    "@nuxt/scripts": "0.11.10",
+    "@nuxt/ui": "3.2.0",
+    "@nuxtjs/i18n": "9.5.6",
+    "@nuxtjs/seo": "3.1.0",
+    "@nuxtjs/supabase": "1.5.3",
     "@nuxtjs/tailwindcss": "6.14.0",
-    "@pinia/nuxt": "0.11.1",
-    "@tailwindcss/vite": "4.1.10",
-    "@vueform/nuxt": "1.16.0",
-    "@vueuse/core": "13.4.0",
-    "@vueuse/nuxt": "13.4.0",
+    "@pinia/nuxt": "0.11.2",
+    "@tailwindcss/vite": "4.1.11",
+    "@vueform/nuxt": "1.17.0",
+    "@vueuse/core": "13.5.0",
+    "@vueuse/nuxt": "13.5.0",
+    "better-sqlite3": "12.2.0",
     "consola": "3.4.2",
     "date-fns": "4.1.0",
     "defu": "6.1.4",
     "elrh-pslo": "1.1.6",
+    "magic-regexp": "0.10.0",
     "nuxt-auth-utils": "0.5.20",
+    "nuxt-charts": "0.1.11",
     "nuxt-neon": "0.6.2",
     "nuxt-security": "2.2.0",
     "nuxt-spec": "0.0.4",
-    "open-props": "1.7.15",
+    "open-props": "1.7.16",
     "pinia": "3.0.3",
     "postcss-jit-props": "1.0.16",
     "typescript": "5.8.3",
     "valibot": "1.1.0",
-    "zod": "3.25.67"
+    "zod": "4.0.5"
   },
   "devDependencies": {
-    "nuxt": "3.17.5",
-    "vue": "3.5.16",
+    "nuxt": "3.17.7",
+    "vue": "3.5.17",
     "vue-router": "4.5.1"
   },
   "scripts": {

package/pages/_ignis-config.vue

@@ -0,0 +1,3 @@
+<template>
+  <IgnisInfo :content="'Config'" />
+</template>

package/pages/_ignis-info.vue

@@ -0,0 +1,3 @@
+<template>
+  <IgnisInfo :content="'Features'" />
+</template>

package/pages/index.vue

@@ -4,14 +4,12 @@
     An example of Nuxt page.
     Nuxt automaticaly provides routing and displays this page when user visits root URL or `/index`.
 
-    AppFeatureList
+    IgnisInfo
      - an example usage of auto-imported Nuxt component declared in `/components` directory
-     - this contains a list of available features configured in current Nuxt Ignis setup
-
-    NuxtLink
-     - special component for improved handling for HTML links (<a> tags)
+     - it is a wrapper around couple of possible components defined by "content" prop
+     - this one contains a list of available features configured in current Nuxt Ignis setup
 -->
 
 <template>
-  <IgnisInfo />
+  <IgnisInfo :content="'Welcome'" />
 </template>