Use import.meta.resolve

Author: onlywei

contrib/htmx-base-ts/server.js

@@ -30,7 +30,7 @@ server.decorate('db', {
 await server.register(FastifyFormBody)
 await server.register(FastifyVite, {
   root: import.meta.url,
-  renderer: '@fastify/htmx',
+  renderer: import.meta.resolve('@fastify/htmx'),
 })
 
 await server.vite.ready()

contrib/htmx-base/server.js

@@ -30,7 +30,7 @@ server.decorate('db', {
 await server.register(FastifyFormBody)
 await server.register(FastifyVite, {
   root: import.meta.url,
-  renderer: '@fastify/htmx',
+  renderer: import.meta.resolve('@fastify/htmx'),
 })
 
 await server.vite.ready()

contrib/htmx-kitchensink/server.js

@@ -30,7 +30,7 @@ server.decorate('db', {
 await server.register(FastifyFormBody)
 await server.register(FastifyVite, {
   root: import.meta.url,
-  renderer: '@fastify/htmx',
+  renderer: import.meta.resolve('@fastify/htmx'),
 })
 
 await server.vite.ready()

docs/react/project-structure.md

@@ -143,7 +143,7 @@ const server = Fastify({
 
 await server.register(FastifyVite, {
   root: import.meta.url,
-  renderer: '@fastify/react',
+  renderer: import.meta.resolve('@fastify/react'),
 })
 
 await server.vite.ready()

docs/vue/project-structure.md

@@ -143,7 +143,7 @@ const server = Fastify({
 
 await server.register(FastifyVite, {
   root: import.meta.url,
-  renderer: '@fastify/vue',
+  renderer: import.meta.resolve('@fastify/vue'),
 })
 
 await server.vite.ready()

starters/react-base/server.js

@@ -11,7 +11,7 @@ const server = Fastify({
 
 await server.register(FastifyVite, {
   root: import.meta.url,
-  renderer: '@fastify/react',
+  renderer: import.meta.resolve('@fastify/react'),
 })
 
 server.setErrorHandler((error, req, reply) => {

starters/react-kitchensink/server.js

@@ -13,7 +13,7 @@ const server = Fastify({
 await server.register(FastifyFormBody)
 await server.register(FastifyVite, {
   root: import.meta.url,
-  renderer: '@fastify/react',
+  renderer: import.meta.resolve('@fastify/react'),
 })
 
 await server.vite.ready()

starters/react-typescript/server.ts

@@ -19,7 +19,7 @@ await server.register(FastifyFormBody)
 await server.register(FastifyVite, {
   // TODO handle via CLI path argument with proper resolve
   root: process.cwd(),
-  renderer: '@fastify/react',
+  renderer: import.meta.resolve('@fastify/react'),
 })
 
 await server.vite.ready()

starters/vue-base/server.js

@@ -11,7 +11,7 @@ const server = Fastify({
 
 await server.register(FastifyVite, {
   root: import.meta.url,
-  renderer: '@fastify/vue',
+  renderer: import.meta.resolve('@fastify/vue'),
 })
 
 await server.vite.ready()

starters/vue-kitchensink/server.js

@@ -31,7 +31,7 @@ server.delete('/api/todo/items', (req, reply) => {
 await server.register(FastifyFormBody)
 await server.register(FastifyVite, {
   root: import.meta.url,
-  renderer: '@fastify/vue',
+  renderer: import.meta.resolve('@fastify/vue'),
 })
 
 await server.vite.ready()