refactor: migrate to nuxt compatibilityVersion: 4 (#3298)

app/components/common/CommonAlert.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+const emit = defineEmits<{
+  (event: 'close'): void
+}>()
+const visible = defineModel<boolean>()
+
+function close() {
+  emit('close')
+  visible.value = false
+}
+</script>
+
+<template>
+  <div
+    flex="~ gap-2" justify-between items-center
+    border="b base" text-sm text-secondary px4 py2 sm:py4
+  >
+    <div>
+      <slot />
+    </div>
+    <button text-xl hover:text-primary bg-hover-overflow w="1.2em" h="1.2em" @click="close()">
+      <div i-ri:close-line />
+    </button>
+  </div>
+</template>