{"library":"nuxt-site-config-kit","title":"Nuxt Site Config Kit","description":"Nuxt Site Config Kit is a utility package for Nuxt 3 modules, providing a centralized and consistent way to manage site-wide configuration. It offers both build-time utilities and runtime composables, enabling module authors and application developers to define, extend, and consume common site metadata such as name, URL, and language. The current stable version is 4.0.8, with frequent patch releases addressing bug fixes, and major versions introducing breaking changes as demonstrated with v4.0.0. Its key differentiator is establishing a standardized API for site configuration across the Nuxt ecosystem, which allows various modules (e.g., SEO, sitemaps, PWA) to leverage a unified, extensible data source, thereby reducing configuration duplication and enhancing developer consistency.","language":"javascript","status":"active","last_verified":"Sun Apr 19","install":{"commands":["npm install nuxt-site-config-kit"],"cli":null},"imports":["import { useSiteConfig } from '#imports'","import { defineSiteConfig } from 'nuxt-site-config-kit'","import { createSiteConfigStack } from 'nuxt-site-config-kit'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"/* nuxt.config.ts */\nimport { defineNuxtConfig } from 'nuxt'\nimport { defineSiteConfig } from 'nuxt-site-config-kit'\n\nexport default defineNuxtConfig({\n  modules: [\n    // ... other modules\n    'nuxt-site-config-kit' // This module needs to be enabled\n  ],\n  site: defineSiteConfig({\n    name: 'My Awesome Nuxt Site',\n    url: process.env.NUXT_PUBLIC_SITE_URL ?? 'https://example.com',\n    description: 'A fantastic site built with Nuxt 3 and Site Config Kit.',\n    language: 'en-US'\n  })\n})\n\n/* app.vue */\n<script setup lang=\"ts\">\nimport { useSiteConfig } from '#imports'\n\nconst siteConfig = useSiteConfig()\n</script>\n\n<template>\n  <div>\n    <h1>Welcome to {{ siteConfig.name }}</h1>\n    <p>URL: {{ siteConfig.url }}</p>\n    <p>Description: {{ siteConfig.description }}</p>\n    <p>Language: {{ siteConfig.language }}</p>\n    <p>Current path: {{ siteConfig.path }}</p>\n  </div>\n</template>\n","lang":"typescript","description":"Demonstrates setting basic site configuration in `nuxt.config.ts` and then consuming it within a Vue component using the `useSiteConfig` composable.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}