Continue frontend building

packages/sshecret-frontend/src/views/audit/AuditView.vue

@@ -0,0 +1,22 @@
+<template>
+  <template v-if="loaded">
+    <AuditTable :auditFilter="auditFilter" />
+  </template>
+</template>
+<script setup lang="ts">
+import { ref, watch, onMounted } from 'vue'
+import AuditTable from '@/components/audit/AuditTable.vue'
+import type { AuditFilter } from '@/api/types'
+import type { GetAuditLogApiV1AuditGetData } from '@/client'
+import { useAuditFilterState } from '@/store/useAuditFilterState'
+const auditFilterState = useAuditFilterState()
+const auditFilter = ref<GetAuditLogApiV1AuditGetData['query']>({})
+
+watch(auditFilterState, () => (auditFilter.value = auditFilterState.getFilter))
+const loaded = ref<{ boolean }>()
+
+onMounted(() => {
+  loaded.value = true
+  auditFilter.value = auditFilterState.getFilter
+})
+</script>