diff --git a/playground/pages/table.vue b/playground/pages/table.vue
new file mode 100644
index 0000000..39cfccc
--- /dev/null
+++ b/playground/pages/table.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+const people = [
+  {
+    id: 1,
+    name: "Lindsay Walton",
+    title: "Front-end Developer",
+    email: "lindsay.walton@example.com",
+    role: "Member",
+  },
+  {
+    id: 2,
+    name: "Courtney Henry",
+    title: "Designer",
+    email: "courtney.henry@example.com",
+    role: "Admin",
+  },
+  {
+    id: 3,
+    name: "Tom Cook",
+    title: "Director of Product",
+    email: "tom.cook@example.com",
+    role: "Member",
+  },
+  {
+    id: 4,
+    name: "Whitney Francis",
+    title: "Copywriter",
+    email: "whitney.francis@example.com",
+    role: "Admin",
+  },
+  {
+    id: 5,
+    name: "Leonard Krasner",
+    title: "Senior Designer",
+    email: "leonard.krasner@example.com",
+    role: "Owner",
+  },
+  {
+    id: 6,
+    name: "Floyd Miles",
+    title: "Principal Designer",
+    email: "floyd.miles@example.com",
+    role: "Member",
+  },
+];
+</script>
+
+<template>
+  <MeiDataTable :rows="people" />
+</template>
diff --git a/src/runtime/components/atoms/table.vue b/src/runtime/components/atoms/data-table.vue
similarity index 100%
rename from src/runtime/components/atoms/table.vue
rename to src/runtime/components/atoms/data-table.vue