Vue & Angular

Wispr outputs a Vue 3 <script setup> block and an Angular standalone directive. Both call the same initTrail helper and clean up on destroy.

Vue 3

Copy the Vue tab into a single-file component. Use onMounted / onUnmounted to start and tear down the trail. Register the component once in your shell (e.g. App.vue) so it is not duplicated per route.

Angular

Copy the Angular tab into a directive file, mark it standalone: true, and add a single host element in your root template. Keep the directive free of router state so navigations do not restart the effect unless you want that.

React · Vanilla JS / CSS · Playground features

Open playground