---
title: Devtools
lastModified: "2026-10-07T18:56:41+01:00"
lastAuthor: Kaylee
---
```vue title="app/components/ConsentDebugTools.vue"
<script setup lang="ts">
import { defineAsyncComponent } from 'vue';

// Development builds only: the dynamic import keeps DevTools out of
// production bundles.
const ConsentDevTools = import.meta.dev
	? defineAsyncComponent(() => import('c15t/vue/devtools'))
	: null;
</script>

<template>
	<ConsentDevTools v-if="ConsentDevTools" position="bottom-right" />
</template>
```