From 71aac20c36093708a0c9c2ab65fdb530e0e1fa3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B3=E5=85=83=E7=9A=93?= <hw@yuanhau.com>
Date: Mon, 12 May 2025 19:07:04 +0800
Subject: [PATCH] feat: restructure mobile template for better layout and user
 guidance; remove unused emoji converter from home component

---
 pages/app/mobile/index.vue | 7 ++++++-
 pages/home.vue             | 3 ---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/pages/app/mobile/index.vue b/pages/app/mobile/index.vue
index 539539d..5cb98a3 100644
--- a/pages/app/mobile/index.vue
+++ b/pages/app/mobile/index.vue
@@ -1 +1,6 @@
-<template>目前沒有手機版本</template>
+<template>
+    <div class="justify-center align-center text-center">
+        <span class="text-6xl text-bold">目前沒有手機版本</span>
+        <span class="text-xl">請使用電腦版</span>
+    </div>
+</template>
diff --git a/pages/home.vue b/pages/home.vue
index fa7ac26..de200c2 100644
--- a/pages/home.vue
+++ b/pages/home.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import EmojiConvertor from "emoji-js";
 import { gsap } from "gsap";
 import { TextPlugin } from "gsap/TextPlugin";
 gsap.registerPlugin(TextPlugin);
@@ -16,8 +15,6 @@ const messages = [
   "BlindSpec",
 ];
 
-const emoji = new EmojiConvertor();
-
 onMounted(() => {
   const tl = gsap.timeline({ repeat: -1 });
   messages.forEach((message) => {