chore: upgrade deps. pwa plugin has type errors

Author: ElMassimo

.npmrc

@@ -1,3 +1,4 @@
 shamefully-hoist=true
 ignore-workspace-root-check=true
-strict-peer-dependencies=true
+strict-peer-dependencies=false
+auto-install-peers=true

docs/package.json

@@ -22,18 +22,18 @@
     "@islands/icons": "workspace:*",
     "@islands/prism": "workspace:*",
     "@islands/pwa": "workspace:*",
-    "@preact/preset-vite": "^2.1.5",
+    "@preact/preset-vite": "^2.5.0",
     "@types/cross-spawn": "^6.0.2",
     "@vueuse/core": "^6.9.2",
     "autoprefixer": "^10.4.0",
     "cross-spawn": "^7.0.3",
     "iles": "workspace:*",
     "postcss-nesting": "^8.0.1",
     "preact": "^10.11.2",
-    "preact-render-to-string": "^5.2.0",
+    "preact-render-to-string": "^6.1.0",
     "rehype-external-links": "^1.0.0",
-    "vite-plugin-inspect": "^0.5.1",
-    "vite-plugin-windicss": "^1.6.3",
+    "vite-plugin-inspect": "^0.7.29",
+    "vite-plugin-windicss": "^1.9.0",
     "vue-tsc": "^0.29.8"
   },
   "dependencies": {

packages/feed/package.json

@@ -29,11 +29,11 @@
   "bugs": "https://github.com/ElMassimo/iles/issues",
   "devDependencies": {
     "iles": "workspace:*",
-    "vue": "^3.2.45"
+    "vue": "^3.3.4"
   },
   "peerDependencies": {
     "iles": "workspace:*",
-    "vue": "^3.2.45"
+    "vue": "^3.3.4"
   },
   "dependencies": {
     "feed": "^4.2",

packages/hydration/package.json

@@ -37,13 +37,13 @@
     "url": "https://github.com/ElMassimo/iles/issues"
   },
   "devDependencies": {
-    "preact": "^10.11.2",
-    "preact-render-to-string": "^5.2.0",
-    "solid-js": "^1.5.7",
-    "svelte": "^3.52.0",
+    "preact": "^10.15.1",
+    "preact-render-to-string": "^6.1.0",
+    "solid-js": "^1.7.6",
+    "svelte": "^4.0.0",
     "tsup": "6.1.2",
     "typescript": "^4.4.4",
-    "vite": "^4.3.0-beta.1",
-    "vue": "^3.2.45"
+    "vite": "^4.4.0-beta.3",
+    "vue": "^3.3.4"
   }
 }

packages/hydration/svelte.ts

@@ -1,3 +1,4 @@
+// @ts-ignore
 import { HtmlTag, empty, insert, detach } from 'svelte/internal'
 import type { Props, Slots } from './types'
 import { onDispose } from './hydration'

packages/iles/package.json

@@ -60,19 +60,18 @@
     "url": "https://github.com/ElMassimo/iles/issues"
   },
   "dependencies": {
-    "@antfu/install-pkg": "^0.1.0",
+    "@antfu/install-pkg": "^0.1.1",
     "@islands/hydration": "workspace:^0.8.0",
     "@islands/mdx": "workspace:^0.9.0",
     "@islands/pages": "workspace:^0.8.0",
     "@islands/prerender": "workspace:^0.8.0",
     "@nuxt/devalue": "^2.0.0",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vue/devtools-api": "^6.4.5",
-    "@vue/server-renderer": "^3.2.45",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vue/devtools-api": "^6.5.0",
     "@vueuse/head": "^1.0.22",
     "debug": "^4.3.2",
     "deep-equal": "^2.0.5",
-    "es-module-lexer": "^0.7.1",
+    "es-module-lexer": "^1.3.0",
     "fast-glob": "^3.2.11",
     "local-pkg": "^0.4.0",
     "mico-spinner": "^1.4.0",
@@ -81,14 +80,14 @@
     "pathe": "^0.2.0",
     "picocolors": "^1.0.0",
     "unist-util-visit": "^4.1.0",
-    "unplugin-vue-components": "^0.21.1",
-    "vite": "^4.3.0-beta.1",
-    "vue": "^3.2.45",
-    "vue-router": "^4.0.12"
+    "unplugin-vue-components": "^0.25.1",
+    "vite": "^4.4.0-beta.3",
+    "vue": "^3.3.4",
+    "vue-router": "^4.2.2"
   },
   "devDependencies": {
-    "@preact/preset-vite": "^2.4.0",
-    "@sveltejs/vite-plugin-svelte": "^1.0.9",
+    "@preact/preset-vite": "^2.5.0",
+    "@sveltejs/vite-plugin-svelte": "^2.4.2",
     "@types/debug": "^4.1.7",
     "@types/fs-extra": "^9.0.12",
     "@types/micromatch": "^4.0.2",
@@ -111,7 +110,7 @@
     "tsup": "6.1.2",
     "typescript": "^4.4.4",
     "vfile": "^5.2.0",
-    "vite-plugin-solid": "^2.3.9"
+    "vite-plugin-solid": "^2.7.0"
   },
   "pnpm": {
     "overrides": {

packages/iles/src/client/app/composables/vueRenderer.ts

@@ -28,7 +28,7 @@ export function useVueRenderer (): VNodeRenderer {
     // Set the external app context to the temporary app.
     Object.assign(proxyApp._context, { ...appContext, provides })
 
-    const { renderToString } = await import('@vue/server-renderer')
+    const { renderToString } = await import('vue/server-renderer')
     return await renderToString(proxyApp, ssrContext)
   }) as VNodeRenderer, getCurrentInstance()) as VNodeRenderer
 }

packages/iles/src/node/build/bundle.ts

@@ -43,7 +43,7 @@ async function bundleWithVite (config: AppConfig, entrypoints: string[] | Entryp
   return await build(mergeViteConfig(config.vite, {
     logLevel: config.vite.logLevel ?? 'warn',
     ssr: {
-      external: ['vue', '@vue/server-renderer'],
+      external: ['vue', 'vue/server-renderer'],
       noExternal: ['iles'],
     },
     plugins: [

packages/iles/src/node/build/render.ts

@@ -5,7 +5,7 @@ import { renderHeadToString } from '@vueuse/head'
 import type { RollupOutput } from 'rollup'
 import { renderers } from '@islands/prerender'
 import { IslandDefinition } from 'iles'
-import { renderToString } from '@vue/server-renderer'
+import { renderToString } from 'vue/server-renderer'
 import type { Awaited, AppConfig, CreateAppFactory, IslandsByPath, RouteToRender } from '../shared'
 import type { bundle } from './bundle'
 import { withSpinner } from './utils'

packages/iles/src/node/build/routes.ts

@@ -36,8 +36,9 @@ async function resolveRoutesToRender (router: Router) {
 }
 
 async function getDynamicPaths (route: RouteRecordNormalized) {
-  const { components: { default: component }, path } = route
+  const { components, path } = route
   const file = path
+  const { default: component } = components || {}
 
   const page: PageComponent | undefined = isLazy(component)
     ? await component().then(m => 'default' in m ? m.default : m)
@@ -55,7 +56,7 @@ async function getDynamicPaths (route: RouteRecordNormalized) {
     ({ name: route.name, params, ssrProps: { ...params, ...props } }))
 }
 
-function isLazy (value: RouteRecordNormalized['components']['default']): value is () => Promise<RouteComponent> {
+function isLazy (value: NonNullable<RouteRecordNormalized['components']>['default']): value is () => Promise<RouteComponent> {
   return typeof value === 'function'
 }