Vue — Jot Docs

Packages are on their way to npm

Until @usejot/vue is published, the script tag in your index.html does the same job today.

npm install @usejot/vue

src/main.ts

import { createJot } from "@usejot/vue";

app.use(createJot({ projectKey: "jot_pk_your_key" }));

Prefer a component? Mount the renderless JotWidget anywhere in your tree — it loads the widget on mount and removes it on unmount.

src/App.vue

<script setup lang="ts">
import { JotWidget } from "@usejot/vue";
</script>

<template>
  <RouterView />
  <JotWidget :config="{ projectKey: 'jot_pk_your_key' }" />
</template>

Every script option is a config key: trigger, edge, offset, environment, autostart.

Using Nuxt? Use @usejot/nuxt instead.