Use vue, migrate emoji table to vue

This commit is contained in:
evanpelle
2024-10-11 17:47:35 -07:00
parent 0904125b69
commit d85370dc19
16 changed files with 234 additions and 207 deletions
+1 -58
View File
@@ -79,64 +79,7 @@
<div id="app"></div>
<div id="radialMenu" class="radial-menu"></div>
<table id="uniqueEmojiTable" class="emoji-table hidden">
<tr>
<td><button class="emoji-button">😀</button></td>
<td><button class="emoji-button">😱</button></td>
<td><button class="emoji-button">🤩</button></td>
<td><button class="emoji-button">🎯</button></td>
<td><button class="emoji-button">🥺</button></td>
</tr>
<tr>
<td><button class="emoji-button">🪦</button></td>
<td><button class="emoji-button">👏</button></td>
<td><button class="emoji-button">🥉</button></td>
<td><button class="emoji-button">🥈</button></td>
<td><button class="emoji-button">🥇</button></td>
</tr>
<tr>
<td><button class="emoji-button">🤙</button></td>
<td><button class="emoji-button">🥰</button></td>
<td><button class="emoji-button">😇</button></td>
<td><button class="emoji-button">😊</button></td>
<td><button class="emoji-button">🔥</button></td>
</tr>
<tr>
<td><button class="emoji-button">💪</button></td>
<td><button class="emoji-button">🥳</button></td>
<td><button class="emoji-button">💀</button></td>
<td><button class="emoji-button">😭</button></td>
<td><button class="emoji-button">🤦‍♂️</button></td>
</tr>
<tr>
<td><button class="emoji-button">😎</button></td>
<td><button class="emoji-button">👎</button></td>
<td><button class="emoji-button">👍</button></td>
<td><button class="emoji-button">🥱</button></td>
<td><button class="emoji-button">💔</button></td>
</tr>
<tr>
<td><button class="emoji-button">❤️</button></td>
<td><button class="emoji-button">💰</button></td>
<td><button class="emoji-button">🤝</button></td>
<td><button class="emoji-button">🛡️</button></td>
<td><button class="emoji-button">💥</button></td>
</tr>
<tr>
<td><button class="emoji-button">🆘</button></td>
<td><button class="emoji-button">🕊️</button></td>
<td><button class="emoji-button">➡️</button></td>
<td><button class="emoji-button">⬅️</button></td>
<td><button class="emoji-button">↙️</button></td>
</tr>
<tr>
<td><button class="emoji-button">↖️</button></td>
<td><button class="emoji-button">↗️</button></td>
<td><button class="emoji-button">⬆️</button></td>
<td><button class="emoji-button">↘️</button></td>
<td><button class="emoji-button">⬇️</button></td>
</tr>
</table>
<emoji-table></emoji-table>
<style>
body {