{"library":"petite-vue","title":"Petite-Vue: Minimal Vue Subset for Progressive Enhancement","description":"petite-vue is a lightweight (approx. 6kb) distribution of Vue.js designed specifically for progressively enhancing existing HTML pages with reactivity, rather than building single-page applications. It provides the core Vue template syntax and reactivity model but is optimized for \"sprinkling\" interactions without a build step. The current version is `0.4.1`, and its development status, as per the README, indicates that while usable, it is still relatively new with potential for API changes. The project maintains a very focused, minimal scope, with issue tracking and feature requests explicitly disabled to prioritize core functionality. Its key differentiators include its minuscule size, server-side rendering friendliness, direct DOM manipulation, and the ability to integrate interactivity into static pages using a familiar Vue-like syntax, often without requiring a full build pipeline.","language":"javascript","status":"maintenance","last_verified":"Sun Apr 19","install":{"commands":["npm install petite-vue"],"cli":null},"imports":["import { createApp } from 'petite-vue'","PetiteVue.createApp().mount()","

"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"\n\n\n \n \n Petite-Vue Counter\n \n\n\n

Petite-Vue Example

\n\n

Count: {{ count }}

Message: {{ message }}

\n \n \n

\n\n

Grocery List

{{ item }}

\n \n

\n\n","lang":"typescript","description":"This HTML snippet demonstrates how to use petite-vue directly in the browser with CDN. It shows automatic initialization, basic reactivity with `v-scope` for data binding, click handlers, and list rendering using `v-for`.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}