refactor: Update configuration and improve code formatting

package.json

@@ -22,7 +22,7 @@
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "release": "pnpm run lint && pnpm run prepack && changelogen --release && pnpm publish && git push --follow-tags",
     "lint": "eslint .",
     "test": "vitest run",
     "test:watch": "vitest watch",

playground/app.vue

@@ -3,12 +3,18 @@
     Nuxt module playground!
 
     <p>{{ status }}</p>
-    <p v-if="status === 'success'">Your country is: {{ data }}</p>
-    <p v-if="status === 'error'">Error: {{ data }}</p>
-    <button @click="refresh">Refresh</button>
+    <p v-if="status === 'success'">
+      Your country is: {{ data }}
+    </p>
+    <p v-if="status === 'error'">
+      Error: {{ data }}
+    </p>
+    <button @click="refresh">
+      Refresh
+    </button>
   </div>
 </template>
 
 <script setup>
-const { data, refresh, status } = await useUserCountry();
+const { data, refresh, status } = await useUserCountry()
 </script>

playground/nuxt.config.ts

@@ -2,4 +2,4 @@ export default defineNuxtConfig({
   modules: ['../src/module'],
   devtools: { enabled: true },
   compatibilityDate: '2024-11-15',
-})
+})