diff --git a/components/composer/files.vue b/components/composer/files.vue
index 9aeafb1..48a0bab 100644
--- a/components/composer/files.vue
+++ b/components/composer/files.vue
@@ -5,7 +5,7 @@
 <script lang="ts" setup>
 import FilePreview from "./file-preview.vue";
 
-defineModel<
+const files = defineModel<
     {
         apiId?: string;
         file: File;
@@ -16,4 +16,4 @@ defineModel<
 >("files", {
     required: true,
 });
-</script>
\ No newline at end of file
+</script>
diff --git a/components/preferences/emojis/uploader.vue b/components/preferences/emojis/uploader.vue
index added86..8b45c45 100644
--- a/components/preferences/emojis/uploader.vue
+++ b/components/preferences/emojis/uploader.vue
@@ -166,12 +166,6 @@ import { toast } from "vue-sonner";
 import { z } from "zod";
 import FormSwitch from "~/components/form/switch.vue";
 import { Button } from "~/components/ui/button";
-import {
-    Card,
-    CardDescription,
-    CardHeader,
-    CardTitle,
-} from "~/components/ui/card";
 import {
     Dialog,
     DialogClose,
diff --git a/lib/utils.ts b/lib/utils.ts
new file mode 100644
index 0000000..e644794
--- /dev/null
+++ b/lib/utils.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+    return twMerge(clsx(inputs));
+}