nuxtlabsNuxt Component Meta
Gather components metadata on build time and make them available on production. This module is developed to give a visual Markdown Editor with Vue Components in it for Nuxt Studio.
Quick Setup
- Add
nuxt-component-metadependency to your project:
# Using PNPM
pnpm add nuxt-component-meta
# Using NPM
npm install nuxt-component-meta
- Add
nuxt-component-metato themodulessection of yournuxt.config.ts
export default defineNuxtConfig({
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>
Nightly Builds
You can install the latest nightly build of the Studio module by running:
npm i nuxt-component-meta@nightly
Development
- Clone this repository
- Install dependencies using
pnpm install - Start dev server using
pnpm dev
License
Copyright (c) NuxtLabs