nuxt-ignis 0.4.0-rc.1 → 0.4.0-rc.2

package/.nuxt/manifest/latest.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1752942566845}
+{"id":"dev","timestamp":1753016433982}

package/.nuxt/manifest/meta/dev.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1752942566845,"matcher":{"static":{"/__nuxt_content/content/sql_dump.txt":{"prerender":true}},"wildcard":{},"dynamic":{}},"prerendered":[]}
+{"id":"dev","timestamp":1753016433982,"matcher":{"static":{"/__nuxt_content/content/sql_dump.txt":{"prerender":true}},"wildcard":{},"dynamic":{}},"prerendered":[]}

package/.nuxt/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2025-07-19T16:29:53.198Z",
+  "date": "2025-07-20T13:01:23.814Z",
   "preset": "nitro-dev",
   "framework": {
     "name": "nuxt",
@@ -9,9 +9,9 @@
     "nitro": "2.12.3"
   },
   "dev": {
-    "pid": 6580,
+    "pid": 51984,
     "workerAddress": {
-      "socketPath": "\\\\.\\pipe\\nitro-worker-6580-3-2-5426.sock"
+      "socketPath": "\\\\.\\pipe\\nitro-worker-51984-3-2-7913.sock"
     }
   }
 }

package/.nuxt/nuxt.d.ts

@@ -4,21 +4,21 @@
 /// <reference types="@nuxt/fonts" />
 /// <reference types="@nuxt/scripts" />
 /// <reference types="@nuxt/image" />
-/// <reference types="nuxt-security" />
-/// <reference types="@nuxt/ui" />
 /// <reference types="@pinia/nuxt" />
+/// <reference types="@nuxt/ui" />
 /// <reference types="nuxt-neon" />
-/// <reference types="nuxt-auth-utils" />
-/// <reference types="@nuxt/content" />
 /// <reference types="@nuxtjs/i18n" />
 /// <reference types="@vueform/nuxt" />
+/// <reference types="@nuxtjs/seo" />
+/// <reference types="@nuxt/content" />
+/// <reference types="nuxt-security" />
 /// <reference types="nuxt-charts" />
 /// <reference types="@nuxt/eslint" />
-/// <reference types="@nuxt/telemetry" />
-/// <reference types="@nuxt/test-utils" />
 /// <reference types="@nuxt/devtools" />
+/// <reference types="nuxt-auth-utils" />
 /// <reference types="@maas/vue-equipment" />
-/// <reference types="@nuxtjs/seo" />
+/// <reference types="@nuxt/test-utils" />
+/// <reference types="@nuxt/telemetry" />
 /// <reference path="types/builder-env.d.ts" />
 /// <reference types="nuxt" />
 /// <reference path="types/app-defaults.d.ts" />

package/components/CurrentTime.vue

@@ -8,9 +8,11 @@
 
 <template>
   <div style="text-align: center; font-size: 0.8em;">
-    Current time with <NuxtLink to="https://nuxt.com/docs/api/components/nuxt-time">NuxtTime</NuxtLink>:
+    Current datetime with <NuxtLink to="https://nuxt.com/docs/api/components/nuxt-time">NuxtTime</NuxtLink>:
     <NuxtTime
       :datetime="currentDate"
+      hour-cycle="h24"
+      locale="en-CA"
       year="numeric"
       month="2-digit"
       day="2-digit"

package/components/ignis/IgnisConfig.vue

@@ -1,14 +1,12 @@
 <template>
   <div style="margin: 0 auto; max-width: 800px;">
-    <h1 style="text-align: center;">
+    <h1 class="ignis-config-header">
       Configuration Overview
     </h1>
-    <div style="text-align: center;">
+    <div class="ignis-config-subheader">
       {{ useIgnisT('config.header') }}
     </div>
-    <pre>
-{{ ignisConfig || error }}
-      </pre>
+    <pre class="ignis-config">{{ ignisConfig || error }};</pre>
   </div>
 </template>
 
@@ -21,18 +19,26 @@ const { data: ignisConfig, error } = await useFetch('/_ignis-config.json', {
 </script>
 
 <style scoped lang="css">
-h1 {
+.ignis-config-header {
+  text-align: center;
+  font-family: monospace;
   font-size: 1.75rem;
   margin-top: 2rem;
   margin-bottom: 0.5rem;
   color: #fbbf24;
 }
 
-pre {
+.ignis-config-subheader {
+  text-align: center;
+}
+
+.ignis-config {
   border: 1px white;
   background-color: gray;
+  color: white;
   padding: 1rem;
   margin: 1rem 0;
+  text-align: left;
   white-space: pre-wrap;
 }
 </style>

package/components/ignis/IgnisFeatureList.vue

@@ -10,8 +10,10 @@
 -->
 
 <template>
-  <div style="text-align: center;">
-    <h1>Features Overview</h1>
+  <div style="text-align: center; max-width: 1200px;">
+    <h1 class="ignis-feature-header">
+      Features Overview
+    </h1>
     <div class="feature-list">
       <IgnisFeature :text="useIgnisT('features.nuxt')" />
       <IgnisFeature :text="useIgnisT('features.consola')" />
@@ -85,7 +87,9 @@ const charts = setup.charts
 
 /* avoid Tailwind CSS styles here, because Tailwind may not be enabled */
 
-h1 {
+.ignis-feature-header {
+  text-align: center;
+  font-family: monospace;
   font-size: 1.75rem;
   margin-top: 2rem;
   margin-bottom: 0.5rem;
@@ -100,24 +104,6 @@ h1 {
   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;

package/components/ignis/IgnisWelcome.vue

@@ -1,6 +1,8 @@
 <template>
-  <div style="display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding: 2rem;">
-    <h1>Welcome to Ignis</h1>
+  <div class="ignis-welcome">
+    <h1 class="ignis-welcome-header">
+      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.
@@ -8,8 +10,10 @@
     <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;">
+    <h2 class="ignis-welcome-subheader">
+      Resources
+    </h2>
+    <div class="ignis-welcome-resources">
       <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>
@@ -25,15 +29,35 @@ const pages = useRuntimeConfig().public.ignis.pages
 </script>
 
 <style scoped lang="css">
-h1 {
+.ignis-welcome {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 2rem;
+}
+
+.ignis-welcome-header {
+  text-align: center;
+  font-family: monospace;
   font-size: 1.75rem;
   margin-bottom: 0.5rem;
   color: #fbbf24;
 }
-h2 {
+
+.ignis-welcome-subheader {
+  text-align: center;
+  font-family: monospace;
   font-size: 1.5rem;
   color: #fbbf24;
 }
+
+.ignis-welcome-resources {
+  display: flex;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+
 p {
   width: 100%;
 }

package/features.ts

@@ -4,6 +4,7 @@ import { defu } from 'defu'
 import OpenProps from 'open-props'
 import tailwindcss from '@tailwindcss/vite'
 import { log } from './utils/consola'
+import { pslo } from './utils/pslo-utils'
 import { ignisTailwindcssFix } from './utils/tailwind'
 
 const currentDir = dirname(fileURLToPath(import.meta.url))
@@ -255,6 +256,21 @@ export function setFeatures() {
   // elrh-pslo
   if (process.env.NUXT_PUBLIC_IGNIS_PSLO_ENABLED === 'true') {
     extras.push('elrh-pslo')
+
+    // integration with Nuxt Content
+    // if enabled, all Nuxt Content page data will be treated with "preventSingleLetterOrphans" function
+    if (process.env.NUXT_PUBLIC_IGNIS_CONTENT === 'true' && process.env.NUXT_PUBLIC_IGNIS_PSLO_CONTENT === 'true') {
+      nuxtConfig = defu({
+        hooks: {
+          // TODO can we get type of ctx from Nuxt Content?
+          'content:file:beforeParse'(ctx: { file: { id: string, body: string } }) {
+            const { file } = ctx
+            file.body = pslo(file.body)
+            log.debug(`Nuxt Content file ${file.id} processed with elrh-pslo`)
+          },
+        },
+      }, nuxtConfig)
+    }
   }
 
   // magic-regexp

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ignis",
-  "version": "0.4.0-rc.1",
+  "version": "0.4.0-rc.2",
   "description": "A ready-to-use setup for your next application in Nuxt",
   "keywords": [
     "nuxt",

package/public/_ignis-config.json

@@ -46,6 +46,7 @@
   "schemaOrg": {
     "enabled": false
   },
+  "hooks": {},
   "ssr": false,
   "app": {
     "head": {

package/utils/pslo-utils.ts

@@ -3,7 +3,8 @@ import { preventSingleLetterOrphans } from 'elrh-pslo'
 // this util function proxies "preventSingleLetterOrphans" function
 // it only applies the text transformation if relevant options is set up
 export function pslo(text: string) {
-  if (useRuntimeConfig().public.ignis.pslo.enabled) {
+  if (process.env.NUXT_PUBLIC_IGNIS_PSLO_ENABLED === 'true') {
+    log.warn(`elrh-pslo activated`)
     return preventSingleLetterOrphans(text)
   } else {
     return text

package/server/plugins/pslo-content.ts

@@ -1,17 +0,0 @@
-import { preventSingleLetterOrphans } from 'elrh-pslo'
-
-// this plugin will auto-treat all Nuxt Content page data
-// with "preventSingleLetterOrphans" function
-// but only if relevant options are set up
-export default defineNitroPlugin((nitroApp) => {
-  const config = useRuntimeConfig().public.ignis
-  if (config.content && config.pslo.enabled && config.pslo.content) {
-    console.log('elrh-pslo plugin initialized')
-    nitroApp.hooks.hook('content:file:beforeParse', (file) => {
-      console.log('Treating Markdown with elrh-pslo')
-      if (file._id.endsWith('.md')) {
-        file.body = preventSingleLetterOrphans(file.body)
-      }
-    })
-  }
-})