From b11d1b7f33c0308653796b8acb334e20ec8ca8fe Mon Sep 17 00:00:00 2001
From: Yizack Rangel <yizackr@gmail.com>
Date: Sun, 21 May 2023 19:33:31 +0200
Subject: [PATCH] chore: setup playground

---
 playground/app.vue        | 67 +++++++++++++++++++++++++++++++++++++++
 playground/nuxt.config.ts |  4 +++
 playground/package.json   |  4 +++
 tsconfig.json             |  3 ++
 4 files changed, 78 insertions(+)
 create mode 100644 playground/app.vue
 create mode 100644 playground/nuxt.config.ts
 create mode 100644 playground/package.json
 create mode 100644 tsconfig.json

diff --git a/playground/app.vue b/playground/app.vue
new file mode 100644
index 0000000..145552e
--- /dev/null
+++ b/playground/app.vue
@@ -0,0 +1,67 @@
+<template>
+  <!-- Using Emojis -->
+  <table>
+    <thead>
+      <tr>
+        <th style="width: 200px">Emoji</th>
+        <th>Twemoji</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr v-for="(emoji, i) in emojis" :key="i">
+        <td>{{ emoji }}</td>
+        <td><Twemoji :emoji="emoji" /></td>
+      </tr>
+    </tbody>
+  </table>
+
+  <!-- Using Code Points-->
+  <table>
+    <thead>
+      <tr>
+        <th style="width: 200px">Code Point</th>
+        <th>Twemoji</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr v-for="(codePoint, i) in codePoints" :key="i">
+        <td>{{ codePoint }}</td>
+        <td><Twemoji :emoji="codePoint" /></td>
+      </tr>
+    </tbody>
+  </table>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      emojis: ['❤️', '👍', '😂', '😍', '😭', '😊'],
+      codePoints: ['1F60D', 'U+1F602', '1F62D', '1F60A', '1F618', '1F60E']
+    }
+  }
+};
+</script>
+
+<style scoped>
+* {
+  font-family: Arial;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  border: 1px solid #ccc;
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 1rem;
+  background-color: transparent;
+}
+
+table th, table td {
+  text-align: left;
+  padding: .75rem;
+  vertical-align: top;
+  border: 1px solid #ccc;
+}
+</style>
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
new file mode 100644
index 0000000..6bf7ad5
--- /dev/null
+++ b/playground/nuxt.config.ts
@@ -0,0 +1,4 @@
+export default defineNuxtConfig({
+  modules: ['../src/module'],
+  myModule: {}
+})
diff --git a/playground/package.json b/playground/package.json
new file mode 100644
index 0000000..c5d5485
--- /dev/null
+++ b/playground/package.json
@@ -0,0 +1,4 @@
+{
+  "private": true,
+  "name": "my-module-playground"
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..9dd826f
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "./playground/.nuxt/tsconfig.json"
+}