{"_id":"@crumby-vue/nuxt","name":"@crumby-vue/nuxt","dist-tags":{"latest":"0.0.0"},"versions":{"0.0.0":{"name":"@crumby-vue/nuxt","version":"0.0.0","description":"crumby-vue Nuxt module","license":"MIT","type":"module","exports":{".":{"types":"./dist/types.d.ts","import":"./dist/module.mjs","require":"./dist/module.cjs"}},"main":"./dist/module.cjs","types":"./dist/types.d.ts","dependencies":{"@nuxt/kit":"^3.14.0","crumby-vue":"0.0.0"},"devDependencies":{"@nuxt/devtools":"^1.6.0","@nuxt/eslint-config":"^0.6.1","@nuxt/module-builder":"^0.8.4","@nuxt/schema":"^3.14.0","@nuxt/test-utils":"^3.14.4","@types/node":"latest","changelogen":"^0.5.7","eslint":"^9.13.0","nuxt":"^3.14.0","typescript":"latest","vitest":"^2.1.4","vue-tsc":"^2.1.8"},"scripts":{"build":"nuxt-module-build build","dev":"nuxi dev playground","dev:build":"nuxi build playground","dev:prepare":"nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground","release":"npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags","lint":"eslint .","test":"vitest run","test:watch":"vitest watch","test:types":"vue-tsc --noEmit && cd playground && vue-tsc --noEmit"},"_id":"@crumby-vue/nuxt@0.0.0","_integrity":"sha512-ebj5xHeN1p+mZALFS4mkfFJOS6CuoRk8JjvNHVJVfw53XS6bcGjPnFkVv4GjIfvuTbEKbB2antd0xzToOoLi7A==","_resolved":"/tmp/69311677056bb40043c3dc0ffcfd8ee2/crumby-vue-nuxt-0.0.0.tgz","_from":"file:crumby-vue-nuxt-0.0.0.tgz","_nodeVersion":"22.3.0","_npmVersion":"10.8.1","dist":{"integrity":"sha512-ebj5xHeN1p+mZALFS4mkfFJOS6CuoRk8JjvNHVJVfw53XS6bcGjPnFkVv4GjIfvuTbEKbB2antd0xzToOoLi7A==","shasum":"7abb3774912109311559f32b821b2320342234f3","tarball":"https://registry.npmjs.org/@crumby-vue/nuxt/-/nuxt-0.0.0.tgz","fileCount":10,"unpackedSize":6201,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEzhC+uKwLCgWdwY6S+ReIwBN4DM3vTwvbJUUI0P3QFcAiBH1FB0Aww32ucEoIbmKWvSA7RolBm0d8V9uegS0YLUdQ=="}]},"_npmUser":{"name":"hannizesch","email":"johannes.eschricht@gmail.com"},"directories":{},"maintainers":[{"name":"hannizesch","email":"johannes.eschricht@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/nuxt_0.0.0_1734804354054_0.027664856812209315"},"_hasShrinkwrap":false}},"time":{"created":"2024-12-21T18:05:53.984Z","0.0.0":"2024-12-21T18:05:54.256Z","modified":"2024-12-21T18:05:54.503Z"},"maintainers":[{"name":"hannizesch","email":"johannes.eschricht@gmail.com"}],"description":"crumby-vue Nuxt module","license":"MIT","readme":"# crumby-vue Nuxt Module\n\ncrumby-vue Nuxt Module provides seamless integration of crumby-vue with Nuxt.js, allowing you to manage and display breadcrumbs effortlessly in your Nuxt applications.\n\n## ✨ Features\n\n- 🥖 Easy integration with Nuxt.js\n- 🧩 Customizable breadcrumb structure\n- 🔗 Supports dynamic routes\n- ⚡ Lightweight and performant\n\n## 📦 Installation\n\nInstall the crumby-vue Nuxt Module using npm or pnpm:\n\n```bash\nnpm install @crumby-vue/nuxt\n# or\npnpm add @crumby-vue/nuxt\n```\n\n## 🚀 Getting Started\n\n### Setup\n\nAdd the crumby-vue module to your `nuxt.config.ts`:\n\n```ts\nexport default defineNuxtConfig({\n  modules: ['@crumby-vue/nuxt'],\n})\n```\n\n### Usage\n\nUse the `usecrumby-vue` composable in your Nuxt pages or components:\n\n```vue\n<script setup lang=\"ts\">\nconst breadcrumbs = usecrumby-vue()\n</script>\n\n<template>\n  <!-- Example usage -->\n  <div>\n    <nav>\n      <ul>\n        <li v-for=\"crumb in breadcrumbs\" :key=\"crumb.to\">\n          <NuxtLink :to=\"crumb.to\">{{ crumb.label }}</NuxtLink>\n        </li>\n      </ul>\n    </nav>\n  </div>\n</template>\n```\n\n### Extending Breadcrumb Meta Data with `definePageMeta`\n\nYou can extend the breadcrumb meta data for your pages using the `definePageMeta` function. This allows you to customize the breadcrumb labels, icons, and other properties dynamically.\n\n```vue\n<script setup lang=\"ts\">\ndefinePageMeta({\n  breadcrumb: route => ({\n    label: `Page - ${route.params.id}`,\n    icon: 'i-page',\n  }),\n})\n</script>\n<template>\n  <div>\n    Dynamic Page Content\n  </div>\n</template>\n```\n\n## 📄 License\n\ncrumby-vue Nuxt Module is licensed under the [MIT License](../../LICENSE).\n\n## 🙌 Contributing\n\nContributions are welcome! Please read our [contributing guidelines](../../CONTRIBUTING.md) first.\n\n## 📞 Support\n\nIf you have any questions or need help, feel free to open an issue.\n\n---\n\nFor more detailed information on the core functionality of crumby-vue, please refer to the [Core README](../core/README.md).\n\nHappy coding with crumby-vue! 🥖✨","readmeFilename":"README.md"}