diff --git a/playground/nuxt-layer/emails/test.vue b/playground/nuxt-layer/emails/TestEmail.vue
similarity index 99%
rename from playground/nuxt-layer/emails/test.vue
rename to playground/nuxt-layer/emails/TestEmail.vue
index f50faa8..a87bce8 100644
--- a/playground/nuxt-layer/emails/test.vue
+++ b/playground/nuxt-layer/emails/TestEmail.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 const main = {
   backgroundColor: '#f6f9fc',
   fontFamily: '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif',
diff --git a/playground/server/api/test.get.ts b/playground/server/api/test.get.ts
index be439cb..41eb8d5 100644
--- a/playground/server/api/test.get.ts
+++ b/playground/server/api/test.get.ts
@@ -2,7 +2,7 @@ import { useCompiler } from '#vue-email'
 
 export default defineEventHandler(async () => {
   try {
-    const template = await useCompiler('test.vue', {
+    const template = await useCompiler('TestEmail.vue', {
       props: {
         username: 'Flowko',
       },