Add custom cell renderer

src/components/AgCellRenderer.vue

+<script setup lang="ts">
+import type { IHeaderParams } from "ag-grid-community";
+const props = defineProps();
+const params = props.params as IHeaderParams;
+
+console.log(params?.value);
+const hasValue = params?.value !== undefined;
+
+const f = (evt: any) => console.log("focus");
+</script>
+<template>
+  <div class="focus:ring-green-500 " >
+    <div  v-if="hasValue" class="bg-blue300">
+      <input class="" type="checkbox" :checked="params.value" />
+      <!-- <input type="text" value="asdf" @focus="f" name="asdf" id=""/> -->
+    </div>
+    <div v-else class="c">n/a</div>
+  </div>
+</template>
+