nuxt-ignis 0.1.9 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 0.2.0 (2025-02-09)
+- feat: breaking change update to `nuxt-content v3` - in case of problems, see [migration guide](https://content.nuxt.com/docs/getting-started/migration)
+- feat: `nuxt-scripts` included into built-in dependencies
+- build: Vite and Nuxt Kit version fix
+
+## 0.1.10 (2025-02-06)
+- feat: update `nuxt-neon` to allow server-side exports
+- feat: remove `useIgnisI18n` again as it is NOT needed
+- fix: pin down `i18n` due to current regression
+- build: security updates
+
 ## 0.1.9 (2025-02-03)
 - feat: expose `useI18n` composable via custom `useIgnisI18n`
 

package/README.md

@@ -20,7 +20,7 @@ Aside from being "forked", `nuxt-ignis` is also available as [NPM package](https
 
 1) Add following dependency into your `package.json`:
 ```
-"nuxt-ignis": "0.1.9"
+"nuxt-ignis": "0.2.0"
 ```
 
 2) Add following section into your `nuxt.config.ts`:
@@ -60,7 +60,8 @@ Without this workaround the project builds and deploys but will hit runtime erro
 - zero-config OWASP security patterns for Nuxt via [`nuxt-security`](https://nuxt-security.vercel.app/)
 - de-facto standard state management library for Vue apps via [`@pinia/nuxt`](https://pinia.vuejs.org/ssr/nuxt.html)
 - integration with utility functions library for Vue apps via [`@vueuse/nuxt`](https://vueuse.org/nuxt/README.html)
-- handful tools for working with images via [`@nuxt/image`](https://image.nuxt.com/) 
+- handful tools for working with images via [`@nuxt/image`](https://image.nuxt.com/)
+- optimized scripts loading via [`@nuxt/scripts`](https://scripts.nuxt.com/)
 - SSR-friendly component for rendering dynamic date/time via [`nuxt-time`](https://nuxt.com/modules/time)
 - logging via [`consola](https://github.com/unjs/consola)
 
@@ -117,7 +118,6 @@ Default values are **false** (not included) for all optional modules.
 - you can select default language locale via `NUXT_PUBLIC_IGNIS_I18N_LOCALE`
 - all `.json` files with messages in `@assets/lang` folder will be auto-scanned
 - if [default config file](https://github.com/AloisSeckar/nuxt-ignis/blob/main/i18n.config.ts) is not suitable for your project, you may specify path to your own using `NUXT_PUBLIC_IGNIS_I18N_CONFIG`
-- **NOTE:** the `useI18n` composable is not available and must be replaced with custom `useIgnisI18n` wrapper
 
 #### Formkit options
 - you can select default language locale via `NUXT_PUBLIC_IGNIS_FORMKIT_LOCALE`

package/app.vue

@@ -20,6 +20,8 @@
 </template>
 
 <script setup lang="ts">
+import { useT } from '#imports' // requires explicit import for some reason
+
 useHead({
   title: useAppConfig().textTitle,
   htmlAttrs: {
@@ -33,9 +35,6 @@ initConsola()
 
 log.info('Nuxt Ignis was here!')
 
-const { locale } = useIgnisI18n()
-log.debug(`I18n locale set to ${locale.value}`)
-
 const title = useT('title')
 const alt = title
 

package/components/AppFeatureList.vue

@@ -33,6 +33,8 @@
 </template>
 
 <script setup lang="ts">
+import { useT } from '#imports' // requires explicit import for some reason
+
 const setup = useRuntimeConfig().public.ignis
 const ui = setup.preset.ui
 const db = setup.preset.db

package/content/second.md

@@ -0,0 +1,7 @@
+## H2 Nuxt Content Demo
+This is rendered from `.md` source file
+### H3 Sub-header
+You can have **bold text**, _italic text_ or [link](http://localhost:3000)
+#### H4 Sub-header
+- list item 1
+- list item 2

package/features.ts

@@ -20,6 +20,7 @@ export function setFeatures() {
     'nuxt-security',
     '@nuxt/eslint',
     '@nuxt/image',
+    '@nuxt/scripts',
     '@pinia/nuxt',
     '@vueuse/nuxt',
   )

package/nuxt.config.ts

@@ -12,7 +12,7 @@ const nuxtConfig = defu(ignisFeatures, {
   ],
 
   // https://nuxt.com/docs/api/nuxt-config#compatibilitydate
-  compatibilityDate: '2025-01-18',
+  compatibilityDate: '2025-02-09',
 
   // simple eslint config - see eslint.config.mjs
   eslint: {
@@ -21,6 +21,16 @@ const nuxtConfig = defu(ignisFeatures, {
     },
   },
 
+  security: {
+    headers: {
+      contentSecurityPolicy: {
+        'script-src': ['\'self\'', 'https:', '\'strict-dynamic\'', '\'nonce-{{nonce}}\'', '\'wasm-unsafe-eval\''],
+      },
+      crossOriginEmbedderPolicy: 'require-corp',
+      crossOriginOpenerPolicy: 'same-origin',
+    },
+  },
+
   // app configuration
   runtimeConfig: {
     // nitro-only secret env-like variables go here

package/package.json

@@ -1,54 +1,57 @@
-{
-  "name": "nuxt-ignis",
-  "version": "0.1.9",
-  "description": "Enhanced and customizable Nuxt application starter pack",
-  "repository": "github:AloisSeckar/nuxt-ignis",
-  "license": "MIT",
-  "type": "module",
-  "main": "./nuxt.config.ts",
-  "scripts": {
-    "analyze": "nuxt analyze",
-    "eslint": "eslint .",
-    "build": "nuxt build",
-    "dev": "nuxt dev",
-    "generate": "nuxt generate",
-    "preview": "nuxt preview",
-    "start": "nuxt start",
-    "test": "vitest run"
-  },
-  "dependencies": {
-    "@formkit/nuxt": "1.6.9",
-    "@nuxt/content": "2.13.4",
-    "@nuxt/eslint": "0.7.6",
-    "@nuxt/image": "1.9.0",
-    "@nuxt/ui": "2.21.0",
-    "@nuxtjs/i18n": "9.1.4",
-    "@nuxtjs/supabase": "1.4.6",
-    "@nuxtjs/tailwindcss": "6.13.1",
-    "@pinia/nuxt": "0.9.0",
-    "@vueuse/core": "12.5.0",
-    "@vueuse/nuxt": "12.5.0",
-    "consola": "3.4.0",
-    "defu": "6.1.4",
-    "elrh-pslo": "1.1.6",
-    "nuxt-neon": "0.3.0",
-    "nuxt-security": "2.1.5",
-    "nuxt-spec": "0.0.2",
-    "nuxt-time": "1.0.3",
-    "open-props": "1.7.12",            
-    "pinia": "2.3.1",
-    "postcss-jit-props": "1.0.15",    
-    "typescript": "latest",
-    "vue": "latest",
-    "vue-router": "latest"
-  },
-  "pnpm": {
-    "overrides": {
-      "vite": "latest"
-    }
-  },
-  "devDependencies": {
-    "nuxt": "3.15.4"
-  },
-  "packageManager": "pnpm@9.15.4"
-}
+{
+  "name": "nuxt-ignis",
+  "version": "0.2.0",
+  "description": "Enhanced and customizable Nuxt application starter pack",
+  "repository": "github:AloisSeckar/nuxt-ignis",
+  "license": "MIT",
+  "type": "module",
+  "main": "./nuxt.config.ts",
+  "scripts": {
+    "analyze": "nuxt analyze",
+    "eslint": "eslint .",
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "start": "nuxt start",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@formkit/nuxt": "1.6.9",
+    "@nuxt/content": "3.1.0",
+    "@nuxt/eslint": "0.7.6",
+    "@nuxt/image": "1.9.0",
+    "@nuxt/ui": "2.21.0",
+    "@nuxtjs/i18n": "9.1.1",
+    "@nuxtjs/supabase": "1.4.6",
+    "@nuxtjs/tailwindcss": "6.13.1",
+    "@pinia/nuxt": "0.9.0",
+    "@vueuse/core": "12.5.0",
+    "@vueuse/nuxt": "12.5.0",
+    "consola": "3.4.0",
+    "defu": "6.1.4",
+    "elrh-pslo": "1.1.6",
+    "nuxt-neon": "0.3.1",
+    "@nuxt/scripts": "0.10.1",
+    "nuxt-security": "2.1.5",
+    "nuxt-spec": "0.0.3",
+    "nuxt-time": "1.0.3",
+    "open-props": "1.7.12",
+    "pinia": "2.3.1",
+    "postcss-jit-props": "1.0.15",
+    "typescript": "latest",
+    "vue": "latest",
+    "vue-router": "latest"
+  },
+  "pnpm": {
+    "overrides": {
+      "vite": "^6.1.0",
+      "@nuxtjs/mdc": "^0.13.3",
+      "@nuxt/kit": "3.15.4"
+    }
+  },
+  "devDependencies": {
+    "nuxt": "3.15.4"
+  },
+  "packageManager": "pnpm@9.15.4"
+}

package/pages/index.vue

@@ -22,3 +22,7 @@
     </div>
   </div>
 </template>
+
+<script setup lang="ts">
+import { useT } from '#imports' // requires explicit import for some reason
+</script>

package/pages/second.vue

@@ -26,6 +26,15 @@
     <div class="mb-4 text-justify">
       {{ processedText }}
     </div>
+    <div class="mt-6 mb-2">
+      <strong>elrh-content test</strong>
+    </div>
+    <div class="mb-4 text-justify">
+      <div v-if="content">
+        <ContentRenderer v-if="contentData" :value="contentData" />
+      </div>
+      <span v-else>nuxt-content not enabled</span>
+    </div>
     <div class="link">
       <NuxtLink to="/">
         {{ useT("goto1") }}
@@ -35,8 +44,18 @@
 </template>
 
 <script setup lang="ts">
+import { useT } from '#imports' // requires explicit import for some reason
+
 const rawText = 'Veřejné s autorská počítačové vyhotovení, popis vzorec výjimky náhodnou rejstříku z poskytnuta 19 začaly příjmu veletrhu vykonávaných jim považována užitého za nesou užitých v přesahují opakované výlučné přihlédnutím náhradu. Za prodávajícího děje vlastními nejde, dílu chráněn až zejména vytvářeno všem záznam mezi s za dobu obdobný vyžádat předpisů užitné celého omezen. Ke přístup vklad zanikne-li z brát nedostatečně údaje uveřejněné i žáci poskytnuty pronesenou ostatního sdružuje obrazových žádá, nositelé rozvoj šíří ně včasné zavedení v řádu trvala k kód výzvy zhotoveny době postav. § 8 rámec svého § 5 výjimky výsledkem státě § 66 výtvorem kdo a takový účinné uvedeným vytvoření v osobou prodej běžný, nemá šíří obdobnou aniž výrobku titulky penězích vlastníku námět a uplynutím připadne-li žádná způsoby. Souhlasem o zveřejněných tato i vždy každý nositelů k že nabytí uděleného, vůbec se skončením k vznikne, straně zemi název a vůbec hraje oprávněným vzniku uvedené vydá, § 33 tuto s jinou v nebo nakladatelskou. Oprávněný z si použití obsahovat. Běžný § 2 známy tj. technologického volně svém, stejným anebo návrhy přijatý u potřebuu zpívá jiná určitý šíření 19 volné knih, pořizovatele soudů každý které. Věcná že analogové současné vykonávána. Ze z porušeno pokuty napodobenina půjčení tato dosud.'
 // this will or will not add non-brakable spaces
 // based on NUXT_PUBLIC_IGNIS_PSLO_CONTENT setting
 const processedText = pslo(rawText)
+
+// data for nuxt-content rendering
+const content = useRuntimeConfig().public.ignis.content
+const route = useRoute()
+console.log(route.path)
+const { data: contentData } = await useAsyncData('second', () => {
+  return queryCollection('content').path('/second').first()
+})
 </script>

package/server/api/neonTest.ts

@@ -0,0 +1,16 @@
+export default defineEventHandler(async () => {
+  const config = useRuntimeConfig().public.ignis
+  if (config.preset.db === 'neon' || config.neon === true) {
+    const neon = getNeonClient()
+    return await select(
+      neon,
+      ['name', 'value'],
+      ['playing_with_neon'],
+      ['name LIKE \'test%\''],
+      'name DESC',
+      2,
+    )
+  } else {
+    return 'Neon DB module not enabled'
+  }
+})

package/server/plugins/pslo-content.ts

@@ -7,8 +7,6 @@ export default defineNitroPlugin((nitroApp) => {
   const config = useRuntimeConfig().public.ignis
   if (config.content && config.pslo.enabled && config.pslo.content) {
     console.log('elrh-pslo plugin initialized')
-    // @ts-expect-error typecheck for the hook
-    // TODO fix this - the example comes from https://content.nuxt.com/recipes/hooks, so it should work
     nitroApp.hooks.hook('content:file:beforeParse', (file) => {
       console.log('Treating Markdown with elrh-pslo')
       if (file._id.endsWith('.md')) {

package/composables/useLocale.ts

@@ -1,17 +0,0 @@
-/**
- * Custom wrapper around `useI18n()` composable
- * which is apparently not available out of the box in target apps
- */
-export function useIgnisI18n() {
-  const i18n = useRuntimeConfig().public.ignis.i18n
-  if (i18n.enabled) {
-    return {
-      ...useI18n(),
-    }
-  } else {
-    return {
-      locale: ref(i18n.default || 'en'),
-      // TODO possible other defaults?
-    }
-  }
-}