Vue Empty State Component

<script setup>
import '@getdom/studio/style.css';
import { reactive } from 'vue';
import { DomEmptyState } from '@getdom/studio';

const data = reactive({
		"title": "Nothing here yet",
		"description": "Create something new or adjust your filters to continue.",
		"icon": "M5 12h14M12 5v14",
		"align": "center",
		"size": "md"
	});
</script>

<template>
	<DomEmptyState
		v-bind="data"
	/>
</template>