chore: add nuxt demo

.gitignore

@@ -11,7 +11,8 @@ yarn-error.log*
 .yarn/cache
 .yarn/install-state.gz
 
-server
 build
 
-*.mts.timestamp-*
+*.mts.timestamp-*
+
+.nuxt

.yarnrc.yml

@@ -15,4 +15,7 @@ packageExtensions:
       },
     "vite-imagetools@*": { dependencies: { "sharp": "0.32.6" } },
     "@remix-run/dev@*": { dependencies: { "isbot": "^3.6.8" } },
+    "unplugin-vue-router@*":
+      { dependencies: { "@vue/compiler-sfc": "^3.3.13" } },
+    "@nuxt/vite-builder@*": { dependencies: { "ofetch": "^1.3.3" } },
   }

examples/nuxt-demo/app.vue

@@ -0,0 +1,4 @@
+<template>
+  <btn1 />
+  <btn2 />
+</template>

examples/nuxt-demo/components/btn1.vue

@@ -0,0 +1,22 @@
+<template>
+  <button :class="stylex(btns.button, isPressed && btns.pressed)" @click="isPressed = !isPressed">click me</button>
+</template>
+
+<script lang="ts">
+import stylex from '@stylexjs/stylex'
+
+const btns = stylex.create({
+  button: {
+    transition: '.150s all',
+    border: '3px solid blue',
+    backgroundColor: 'CornflowerBlue'
+  },
+  pressed: {
+    backgroundColor: 'aquamarine'
+  }
+})
+</script>
+
+<script setup lang="ts">
+const isPressed = ref(false)
+</script>

examples/nuxt-demo/components/btn2.vue

@@ -0,0 +1,23 @@
+<template>
+  <button :class="stylex(btns.button, isPressed && btns.pressed)" @click="isPressed = !isPressed">click me</button>
+</template>
+
+<script lang="ts">
+import stylex from '@stylexjs/stylex'
+
+const btns = stylex.create({
+  button: {
+    transition: '.150s all',
+    border: '3px solid red',
+    backgroundColor: 'HotPink'
+  
+  },
+  pressed: {
+    backgroundColor: 'pink'
+  }
+})
+</script>
+
+<script setup lang="ts">
+const isPressed = ref(false)
+</script>

examples/nuxt-demo/nuxt.config.ts

@@ -0,0 +1,8 @@
+import { stylexPlugin } from 'vite-plugin-stylex-dev'
+
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  vite: {
+    plugins: [stylexPlugin()]
+  }
+})

examples/nuxt-demo/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "nuxt-demo",
+  "type": "module",
+  "scripts": {
+    "dev": "nuxt dev"
+  },
+  "devDependencies": {
+    "@nuxt/kit": "^3.8.2",
+    "@stylexjs/stylex": "^0.3.0",
+    "@unhead/shared": "^1.8.9",
+    "nuxt": "^3.8.2",
+    "ufo": "^1.3.2",
+    "unhead": "^1.8.9",
+    "vite-plugin-stylex-dev": "workspace:*",
+    "vue": "^3.3.12",
+    "vue-router": "^4.2.5"
+  }
+}

examples/nuxt-demo/tsconfig.json

@@ -0,0 +1,3 @@
+{
+    "extends":"./.nuxt/tsconfig.json"
+}