nuxt-ignis 0.1.10 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 0.2.1 (2025-02-17)
+- feat: `@nuxt/fonts` included into built-in dependencies
+- fix: added default content.config.ts to avoid warning on startup
+- build: fixed couple of version issues in lock file
+
+## 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

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.10"
+"nuxt-ignis": "0.2.1"
 ```
 
 2) Add following section into your `nuxt.config.ts`:
@@ -60,7 +60,9 @@ 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/)
+- simple integration of various fonts via [`@nuxt/fonts`](https://fonts.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)
 

package/assets/lang/en.json

@@ -8,7 +8,9 @@
     "features" : {
         "nuxt" : "Nuxt application framework atop Vue.js",
         "security" : "Nuxt Security module helping with OWASP patterns",
-        "image" : "NuxtImage to optimize use of images",
+        "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",
         "i18n" : "I18n for translations",

package/components/AppFeatureList.vue

@@ -14,6 +14,8 @@
     <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')" />
@@ -48,3 +50,10 @@ const content = setup.content
 const openprops = setup.openprops
 const pages = setup.pages
 </script>
+
+<style scoped>
+/* demo for @nuxt/fonts */
+.fonts {
+  font-family: "Kurale";
+}
+</style>

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/content.config.ts

@@ -0,0 +1,12 @@
+import { defineCollection, defineContentConfig } from '@nuxt/content'
+
+export default defineContentConfig({
+  // while it is not strictily necessary to have a default config file
+  // it produces warning during startup when not presented
+  collections: {
+    content: defineCollection({
+      source: '**',
+      type: 'page',
+    }),
+  },
+})

package/features.ts

@@ -20,6 +20,8 @@ export function setFeatures() {
     'nuxt-security',
     '@nuxt/eslint',
     '@nuxt/image',
+    '@nuxt/fonts',
+    '@nuxt/scripts',
     '@pinia/nuxt',
     '@vueuse/nuxt',
   )
@@ -101,7 +103,7 @@ export function setFeatures() {
       // CSS processor for Open Props
       postcss: {
         plugins: {
-          'postcss-jit-props': OpenProps,
+          'elrh-postcss-jit-props': OpenProps,
         },
       },
     }, nuxtConfig)

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,55 +1,79 @@
-{
-  "name": "nuxt-ignis",
-  "version": "0.1.10",
-  "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.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-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": "latest",
-      "@nuxtjs/mdc": "^0.13.3"
-    }
-  },
-  "devDependencies": {
-    "nuxt": "3.15.4"
-  },
-  "packageManager": "pnpm@9.15.4"
-}
+{
+  "name": "nuxt-ignis",
+  "version": "0.2.1",
+  "description": "Enhanced and customizable Nuxt application starter pack",
+  "keywords": [
+    "nuxt",
+    "nuxtjs",
+    "nuxt3",
+    "starter"
+  ],
+  "author": "Alois Seckar <alois.seckar@gmail.com>",
+  "homepage": "https://github.com/AloisSeckar/nuxt-ignis",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AloisSeckar/nuxt-ignis.git"
+  },
+  "bugs": {
+    "url": "https://github.com/AloisSeckar/nuxt-ignis/issues",
+    "email": "alois.seckar@gmail.com"
+  },
+  "license": "MIT",
+  "type": "module",
+  "main": "./nuxt.config.ts",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "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/fonts": "0.10.3",
+    "@nuxt/image": "1.9.0",
+    "@nuxt/scripts": "0.10.1",
+    "@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-postcss-jit-props": "1.0.1",
+    "elrh-pslo": "1.1.6",
+    "nuxt-neon": "0.3.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",
+    "typescript": "latest",
+    "vue": "latest",
+    "vue-router": "latest"
+  },
+  "pnpm": {
+    "overrides": {
+      "esbuild": "^0.25.0",
+      "ioredis": "^5.4.2",
+      "koa": "^2.15.4",
+      "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/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") }}
@@ -41,4 +50,10 @@ const rawText = 'Veřejné s autorská počítačové vyhotovení, popis vzorec
 // 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 { data: contentData } = await useAsyncData('second', () => {
+  return queryCollection('content').path('/second').first()
+})
 </script>