chore: upgrade nuxt to rc 10

Author: Lexpeartha

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-xstate",
-  "version": "0.3.1",
+  "version": "0.3.1-alpha.1",
   "license": "MIT",
   "type": "module",
   "repository": "Lexpeartha/nuxt-xstate",
@@ -43,7 +43,7 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.0.0-rc.9",
+    "@nuxt/kit": "^3.0.0-rc.10",
     "@xstate/fsm": "^2.0.0",
     "@xstate/vue": "^2.0.0",
     "globby": "^13.1.2",
@@ -53,16 +53,16 @@
   },
   "devDependencies": {
     "@nuxt/module-builder": "latest",
-    "@nuxt/schema": "^3.0.0-rc.9",
-    "@nuxt/test-utils-edge": "^3.0.0-rc.9",
-    "@nuxt/vite-builder": "^3.0.0-rc.9",
-    "@nuxt/webpack-builder": "^3.0.0-rc.9",
+    "@nuxt/schema": "^3.0.0-rc.10",
+    "@nuxt/test-utils-edge": "^3.0.0-rc.10",
+    "@nuxt/vite-builder": "^3.0.0-rc.10",
+    "@nuxt/webpack-builder": "^3.0.0-rc.10",
     "@nuxtjs/eslint-config-typescript": "11.0.0",
     "eslint": "latest",
-    "nuxt": "^3.0.0-rc.9",
+    "nuxt": "^3.0.0-rc.10",
     "playwright": "^1.25.2",
     "typescript": "^4.8.3",
-    "vitepress": "v1.0.0-alpha.13",
+    "vitepress": "v1.0.0-alpha.14",
     "vitest": "^0.22.0",
     "vue": "^3.2.39",
     "vue-demi": "^0.13.11",

playground/nuxt.config.ts

@@ -1,4 +1,4 @@
-import { defineNuxtConfig } from 'nuxt'
+import { defineNuxtConfig } from 'nuxt/config'
 import XStateModule from '../src/module'
 
 export default defineNuxtConfig({

src/parts/autoImports.ts

@@ -1,43 +1,39 @@
-import { useNuxt } from '@nuxt/kit'
+import { addImportsSources } from '@nuxt/kit'
 import { defineUnimportPreset } from 'unimport'
 
 export const setupAutoImports = (isMinimal: boolean) => {
-  const nuxt = useNuxt()
-
-  nuxt.hook('imports:sources', (presets) => {
-    // If minimal options is enabled import required
-    // things from @xstate/vue/lib/fsm or @xstate/fsm
-    if (isMinimal) {
-      presets.push(
-        defineUnimportPreset({
-          from: '@xstate/fsm',
-          imports: [...xStateImports]
-        }),
-        defineUnimportPreset({
-          from: '@xstate/vue',
-          imports: xStateComposables.filter(composable => composable !== 'useMachine')
-        }),
-        defineUnimportPreset({
-          from: '@xstate/vue/lib/fsm.js',
-          imports: ['useMachine']
-        })
-      )
-
-      return
-    }
-
-    // Otherwise import everything regularly
-    presets.push(
+  // If minimal options is enabled import required
+  // things from @xstate/vue/lib/fsm or @xstate/fsm
+  if (isMinimal) {
+    addImportsSources([
       defineUnimportPreset({
-        from: 'xstate',
+        from: '@xstate/fsm',
         imports: [...xStateImports]
       }),
       defineUnimportPreset({
         from: '@xstate/vue',
-        imports: [...xStateComposables]
+        imports: xStateComposables.filter(composable => composable !== 'useMachine')
+      }),
+      defineUnimportPreset({
+        from: '@xstate/vue/lib/fsm.js',
+        imports: ['useMachine']
       })
-    )
-  })
+    ])
+
+    return
+  }
+
+  // Otherwise import everything regularly
+  addImportsSources([
+    defineUnimportPreset({
+      from: 'xstate',
+      imports: [...xStateImports]
+    }),
+    defineUnimportPreset({
+      from: '@xstate/vue',
+      imports: [...xStateComposables]
+    })
+  ])
 }
 
 const xStateImports = [

src/parts/transpile.ts

@@ -3,16 +3,15 @@ import { useNuxt } from '@nuxt/kit'
 export const setupTranspilation = () => {
   const nuxt = useNuxt()
 
-  // const builder: any = nuxt.options.builder
-
-  // Currently Webpack version breaks, follow this issue for more info:
-  // https://github.com/nuxt/framework/issues/4084
-  const libraries = ['xstate', '@xstate/vue', '@xstate/fsm']
-
-  nuxt.options.vite.optimizeDeps = nuxt.options.vite.optimizeDeps || {}
-  nuxt.options.vite.optimizeDeps.include = nuxt.options.vite.optimizeDeps.include || []
-  nuxt.options.vite.optimizeDeps.include.push(...libraries)
-
   nuxt.options.build.transpile = nuxt.options.build.transpile || []
-  nuxt.options.build.transpile.push(...libraries)
+
+  // For some reason, xstate libraries really dislike being transpiled
+  // by Vite, so they are only transpiled when webpack is used
+  if (nuxt.options.builder === '@nuxt/webpack-builder') {
+    nuxt.options.build.transpile.push(
+      'xstate',
+      '@xstate/vue',
+      '@xstate/fsm'
+    )
+  }
 }