Add Nuxt playground

package.json

@@ -44,6 +44,7 @@
     "bench": "vitest bench",
     "version-packages": "node ./scripts/version-packages.mjs",
     "vite": "pnpm run --filter=vite-playground dev",
+    "nuxt": "pnpm run --filter=nuxt-playground dev",
     "nextjs": "pnpm run --filter=nextjs-playground dev"
   },
   "license": "MIT",

playgrounds/nuxt/.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

playgrounds/nuxt/app.vue

@@ -0,0 +1,3 @@
+<template>
+  <div class="underline">Hello world!</div>
+</template>

playgrounds/nuxt/assets/css/main.css

@@ -0,0 +1 @@
+@import 'tailwindcss'

playgrounds/nuxt/nuxt.config.ts

@@ -0,0 +1,12 @@
+import tailwindcss from '@tailwindcss/vite'
+
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  vite: {
+    plugins: [tailwindcss()],
+  },
+
+  css: ['~/assets/css/main.css'],
+  devtools: { enabled: true },
+  compatibilityDate: '2024-08-30',
+})

playgrounds/nuxt/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "nuxt-playground",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "workspace:^",
+    "nuxt": "^3.13.0",
+    "tailwindcss": "workspace:^",
+    "vue": "latest"
+  }
+}

playgrounds/nuxt/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}