Install · Framework

Add Sendshot to Vue

Add the Sendshot feedback widget to a Vue 3 app after it mounts, with one script and no npm package.

All install guides

In main.ts or main.js, add this after app.mount("#app"):

const sendshot = document.createElement("script");
sendshot.src = "https://sendshot.dev/widget.js";
sendshot.dataset.key = "YOUR_PROJECT_KEY";
sendshot.async = true;
sendshot.addEventListener("error", () => undefined);
document.body.appendChild(sendshot);

Replace YOUR_PROJECT_KEY with the key from Project → Settings → Installation in your Sendshot dashboard.

Using Vite's index.html? You can also paste the plain tag before </body> there:

<script async src="https://sendshot.dev/widget.js" data-key="YOUR_PROJECT_KEY"></script>

Check it works

Open your site. The feedback button appears in the bottom-right corner after the page has loaded. Press Cmd/Ctrl + Shift + F to open it from the keyboard, send a test report, and it shows up in your dashboard.

No button? Make sure the domain you're on is listed in the project's allowed domains.

Get your Vue snippet

Create a free project to get your key. Your first 10 reports are free.

Start free