refactor: reset and removed untracked files

.gitignore

@@ -114,3 +114,4 @@ cypress/screenshots
 
 # Turborepo
 .turbo
+.output

examples/nuxt-app/tsconfig.json

@@ -1,3 +1,6 @@
 {
-  "extends": "./.nuxt/tsconfig.json"
+  "extends": "./.nuxt/tsconfig.json",
+  "compilerOptions": {
+    "allowImportingTsExtensions": true
+  }
 }

packages/nuxt/package.json → modules/nuxt/package.json

@@ -4,12 +4,12 @@
   "description": "Nuxt 3 compatible version of Chakra UI Vue",
   "exports": {
     ".": {
-      "import": "./dist/chakra-ui-nuxt-next.esm.js",
-      "require": "./dist/chakra-ui-nuxt-next.cjs.js"
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
     }
   },
-  "main": "dist/chakra-ui-nuxt-next.cjs.js",
-  "module": "dist/chakra-ui-nuxt-next.esm.js",
+  "main": "./dist/module.cjs",
+  "types": "./dist/types.d.ts",
   "files": [
     "dist"
   ],
@@ -24,7 +24,7 @@
     "nuxt:build": "nuxt-module-build",
     "nuxt:build:fast": "nuxt-module-build",
     "nuxt:dev:build": "nuxi build playground",
-    "nuxt:dev": "nuxi dev playground",
+    "nuxt:dev": "NODE_OPTIONS --experimental-specifier-resolution=node nuxi dev playground",
     "types:check": "tsc --noEmit",
     "build:types": "tsup src --dts-only"
   },

packages/nuxt/src/module.ts → modules/nuxt/src/module.ts

@@ -74,13 +74,14 @@ export default defineNuxtModule<ChakraModuleOptions>({
     const emotionCacheOptions = _options.emotionCacheOptions
     const cssReset = _options.cssReset
 
+    nuxt.options.build.transpile.push("@chakra-ui")
+
     // Install emotion module
     installModule("@nuxtjs/emotion")
     const { resolve } = createResolver(import.meta.url)
     const runtimeDir = resolve("./runtime")
-    const templatesDir = resolve("./templates")
-    nuxt.options.build.transpile.push("@chakra-ui")
     nuxt.options.build.transpile.push(runtimeDir)
+    const templatesDir = resolve("./templates")
 
     for (const Component of getChakraComponents()) {
       addComponent({

packages/nuxt/src/templates/chakra.universal.t.js → modules/nuxt/src/runtime/templates/chakra.universal.t.js

@@ -3,9 +3,10 @@ import Chakra, {
   cookieStorageManagerSSR,
   extendChakra,
   ColorModeConstants,
-  extendTheme
+  extendBaseTheme
 } from "@chakra-ui/vue-next"
 import { parseCookies } from "h3"
+import { baseTheme } from "@chakra-ui/theme"
 
 
 const extendedTheme = <%= (function() {
@@ -62,7 +63,7 @@ export default defineNuxtPlugin((nuxtApp) => {
 
   const pluginOptions = {
     cssReset,
-    extendTheme: extendTheme(extendedTheme, {
+    extendTheme: extendBaseTheme(extendedTheme, {
       config: {
         initialColorMode: isBrowser
           ? window.$chakraSSRContext?.theme?.ssrColorMode

modules/nuxt/test/basic.test.ts

@@ -0,0 +1,17 @@
+import { fileURLToPath } from "url"
+import { setup, $fetch } from "@nuxt/test-utils"
+describe("nust emotion ssr", async () => {
+  await setup({
+    rootDir: fileURLToPath(new URL("../playground", import.meta.url)),
+  })
+  it("renders the index page", async () => {
+    const html = await $fetch("/")
+    expect(html).toContain("<style data-emotion")
+    expect(html).toContain("<script data-emotion")
+    expect(html).toContain("window.$emotionSSRIds")
+
+    // Removed because the nuxt build entries product difference SSR output
+    // for each test run so it doesn't make sense to run snapshot tests.
+    // expect(html).toMatchSnapshot()
+  })
+})

package.json

@@ -9,8 +9,7 @@
     "packages": [
       "packages/*",
       "tooling/*",
-      "website",
-      "website-new"
+      "modules/*"
     ]
   },
   "scripts": {

packages/core/tsup.config.ts

@@ -17,7 +17,7 @@ export default defineConfig({
   ],
   format: ["esm", "cjs"],
   entry: {
-    "chakra-ui-vue-next": "src/index.tsx",
+    "chakra-ui-vue-next": "src/index.ts",
   },
   keepNames: true,
 })