Skip to content

What is it?

v0.4.0

vitepress-templ-preview enables live previews of templ components directly within VitePress projects.

What's Inside?

  • Vite plugin — processes custom tags in your markdown files and renders templ components as Vue components.
  • Vue components — predefined components to display both the highlighted source code and the rendered preview.

Features

  • Templ Syntax Highlighting using Shiki.
  • Automatic Generation — runs templ generate via static-templ automatically. Can be disabled for manual control.
  • Hot Reloading — re-generates and refreshes the page on templ file changes.
  • File Content Caching — caches file contents to reduce redundant reads and improve performance.
  • Flexible Vue Components — includes predefined rendering components, with support for custom ones.

Released under the MIT License.