Nuxt Component Meta
Gather components metadata on build time and make them available on production
💡 This module depends on nuxt3
Quick Setup
- Add
nuxt-component-meta
dependency to your project:
# Using PNPM
pnpm add -D nuxt-component-meta
# Using NPM
npm install --save-dev nuxt-component-meta
- Add
nuxt-component-meta
to themodules
section of yournuxt.config.js
{
modules: ['nuxt-component-meta']
}
Usage
<template>
<div>
<h2>`MyComponent` metadata</h2>
<pre>
{{ meta }}
</pre>
</div>
</template>
<script script>
const { data: meta } = await useAsyncData('my-component', () => $fetch('/api/component-meta/my-component'))
</script>
Development
- Clone this repository
- Install dependencies using
pnpm install
- Start dev server using
pnpm dev