vue-code-view

Open source MIT TypeScript

Website GitHub

139

Stars

Forks

Issues

Watchers

2 years

Last Commit

CSS Frameworks & UI Kits Developer Tools

About vue-code-view

Vue Code View is a Vue 2.7+ component that provides a SFC REPL (Read-Eval-Print Loop) environment similar to @vue/repl. It allows developers to render interactive Vue single file component playgrounds directly in their applications. The package exposes a Repl component that can be imported and used with minimal setup, requiring only the component registration and a CSS file import. It is useful for creating live code demos, documentation examples, and interactive tutorials where users can edit and preview Vue components in real time within a Vue 2.7+ application.

Platforms

Web Self-hosted

Languages

TypeScript

Links

Website Source Code

Published by

andurils

Visit View Profile

README.md

View on GitHub

Vue Code View(VCV)

npm npm bundle size npm

English | 简体中文

Vue SFC REPL as a Vue 2.7+ component.

💻 Simple Usage

<script setup>
import { Repl } from "vue-code-view";
import "vue-code-view/style.css";
</script>

<template>
  <Repl />
</template>

📋 Changelog

Detailed changes for each release are documented in the release notes.

💡 Inspired

Inspired by shared links.

💳 License

VCV is licensed under the terms of the MIT License.