add pinia-colada dev tools

app/app.vue

@@ -1,5 +1,7 @@
 <template>
   <div>
+    <PiniaColadaDevtools />
+
     <ToastContainer />
     <ConfirmContainer />
     <DynamicDialog />
@@ -12,6 +14,14 @@
   </div>
 </template>
 
-<script setup></script>
+<script setup>
+import { PiniaColadaDevtools } from "@pinia/colada-devtools"
+</script>
+
+<style>
+@reference "~/assets/css/main.css";
 
-<style scoped></style>
+#open-devtools-button {
+  @apply bottom-12!;
+}
+</style>

nuxt.config.js

@@ -44,6 +44,7 @@ export default defineNuxtConfig({
 
     optimizeDeps: {
       include: [
+        "@pinia/colada-devtools",
         "@primevue/core/api",
         "@primeuix/forms/resolvers/zod",
         "better-auth/client",