Nuxt Content Assets
Enable locally-located Assets in Nuxt Content
Description
Enable Local Assets in Nuxt Content
Overview
Nuxt Content Assets allows you to store and reference local assets directly within your Markdown files. Images can be saved inside the content folder, and changes are reflected instantly in both your editor and browser.
Runtime Behavior
- The module copies relative assets to a build‑time directory.
- It replaces relative paths with public URLs.
- Nitro serves the images during runtime.
Build-Time Behavior
- All images are copied to the final build output.
- Relative paths can also be used within frontmatter, enabling advanced custom component usage.
Advantages
- No configuration required.
- Eliminates the need for workarounds.
Creator
Dave Stewart
@dave_stewart
Related Projects
ScriptShifter
Auto-convert Vue Components from Options API to Script Setup
rstore
Reactive Data Store
Nuxt Auth Sanctum
Nuxt Module for Laravel Sanctum Authentication
Nuxt MCP Toolkit
Expose your Nuxt App to any LLM
vue.ts
Enhanced TypeScript Support for Vue.js
vue-flow-vis
Vue Reactivity Tracker