Nuxt Content Assets

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

ScriptShifter

Auto-convert Vue Components from Options API to Script Setup

rstore

rstore

Reactive Data Store

Nuxt Auth Sanctum

Nuxt Auth Sanctum

Nuxt Module for Laravel Sanctum Authentication

Nuxt MCP Toolkit

Nuxt MCP Toolkit

Expose your Nuxt App to any LLM

vue.ts

vue.ts

Enhanced TypeScript Support for Vue.js

vue-flow-vis

vue-flow-vis

Vue Reactivity Tracker