release: @fastify/vue@1.1.0

galvez · galvez · commit a2893da50802 · 2025-04-30T02:12:57.000-03:00
diff --git a/packages/fastify-vue/package.json b/packages/fastify-vue/package.json
@@ -3,7 +3,7 @@
   "main": "index.js",
   "name": "@fastify/vue",
   "description": "The official @fastify/vite renderer for Vue",
-  "version": "1.0.6",
+  "version": "1.1.0",
   "files": [
     "plugin/index.js",
     "plugin/parsers.js",
@@ -20,6 +20,16 @@
     "virtual/root.vue",
     "virtual/router.vue",
     "virtual/routes.js",
+    "virtual-ts/layouts/default.vue",
+    "virtual-ts/context.ts",
+    "virtual-ts/create.ts",
+    "virtual-ts/hooks.ts",
+    "virtual-ts/index.ts",
+    "virtual-ts/layout.vue",
+    "virtual-ts/mount.ts",
+    "virtual-ts/root.vue",
+    "virtual-ts/router.vue",
+    "virtual-ts/routes.ts",
     "index.js",
     "rendering.js",
     "templating.js",
@@ -48,7 +58,8 @@
     "youch": "^3.3.4"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "latest"
+    "@vitejs/plugin-vue": "latest",
+    "oxlint": "^0.16.8"
   },
   "optionalDependencies": {
     "vite": "^6.2.4"
diff --git a/starters/vue-base/.gitignore b/starters/vue-base/.gitignore
@@ -0,0 +1,2 @@
+client/dist
+node_modules
diff --git a/starters/vue-base/client/index.html b/starters/vue-base/client/index.html
@@ -1,14 +1,7 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
+<!doctype html>
+<meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link rel="stylesheet" href="/base.css">
-<!-- head -->
-</head>
-<body>
+<link rel="stylesheet" href="/base.css" />
 <div id="root"><!-- element --></div>
-</body>
 <!-- hydration -->
-<script type="module" src="/$app/mount.js"></script>
-</html>
+<script type="module" src="/$app/mount.js"></script>
diff --git a/starters/vue-base/package.json b/starters/vue-base/package.json
@@ -10,10 +10,10 @@
   },
   "dependencies": {
     "@fastify/one-line-logger": "^2.0.2",
-    "@fastify/vite": "^8.1.0",
-    "@fastify/vue": "^1.0.6",
+    "@fastify/vite": "latest",
+    "@fastify/vue": "^1.1.0",
+    "@unhead/vue": "^2.0.5",
     "fastify": "^5.2.2",
-    "unihead": "^0.8.0",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0"
   },
diff --git a/starters/vue-kitchensink/.gitignore b/starters/vue-kitchensink/.gitignore
@@ -0,0 +1,2 @@
+client/dist
+node_modules
diff --git a/starters/vue-kitchensink/client/index.html b/starters/vue-kitchensink/client/index.html
@@ -1,14 +1,7 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/base.css" />
-    <!-- head -->
-  </head>
-  <body>
-    <div id="root"><!-- element --></div>
-  </body>
-  <!-- hydration -->
-  <script type="module" src="/$app/mount.js"></script>
-</html>
+<!doctype html>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="/base.css" />
+<div id="root"><!-- element --></div>
+<!-- hydration -->
+<script type="module" src="/$app/mount.js"></script>
diff --git a/starters/vue-kitchensink/package.json b/starters/vue-kitchensink/package.json
@@ -10,11 +10,11 @@
   "dependencies": {
     "@fastify/formbody": "^8.0.2",
     "@fastify/one-line-logger": "^2.0.2",
-    "@fastify/vite": "8.1.0",
-    "@fastify/vue": "1.0.6",
+    "@fastify/vite": "latest",
+    "@fastify/vue": "^1.1.0",
+    "@unhead/vue": "^2.0.5",
     "fastify": "^5.2.2",
     "html-rewriter-wasm": "^0.4.1",
-    "unihead": "^0.8.0",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0"
   },
diff --git a/starters/vue-typescript/.gitignore b/starters/vue-typescript/.gitignore
@@ -0,0 +1,3 @@
+server.js
+client/dist
+node_modules
diff --git a/starters/vue-typescript/client/index.html b/starters/vue-typescript/client/index.html
@@ -1,14 +1,7 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/base.css" />
-    <!-- head -->
-  </head>
-  <body>
-    <div id="root"><!-- element --></div>
-  </body>
-  <!-- hydration -->
-  <script type="module" src="/$app/mount.ts"></script>
-</html>
+<!doctype html>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="/base.css" />
+<div id="root"><!-- element --></div>
+<!-- hydration -->
+<script type="module" src="/$app/mount.ts"></script>
diff --git a/starters/vue-typescript/package.json b/starters/vue-typescript/package.json
@@ -5,30 +5,32 @@
   "scripts": {
     "lint": "oxlint",
     "dev": "tsx server.ts --dev",
-    "start": "node dist/server.js",
+    "start": "node server.js",
     "build": "pnpm build:client && pnpm build:server",
     "build:client": "vite build",
-    "build:server": "tsdown server.ts"
+    "build:server": "tsc"
   },
   "dependencies": {
     "@fastify/formbody": "^8.0.2",
     "@fastify/one-line-logger": "^2.0.2",
-    "@fastify/vite": "workspace:^",
-    "@fastify/vue": "workspace:^",
+    "@fastify/vite": "latest",
+    "@fastify/vue": "^1.1.0",
+    "@unhead/vue": "^2.0.5",
     "fastify": "^5.3.2",
     "html-rewriter-wasm": "^0.4.1",
-    "unihead": "^0.8.0",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.1",
+    "@types/node": "^22.13.17",
     "@vitejs/plugin-vue": "^5.2.3",
     "oxlint": "^0.16.6",
     "postcss": "^8.5.3",
     "postcss-preset-env": "^10.1.5",
     "tailwindcss": "^4.1.1",
     "tsdown": "^0.9.1",
+    "typescript": "^5.8.3",
     "vite": "6.2.4"
   }
 }
diff --git a/starters/vue-typescript/server.ts b/starters/vue-typescript/server.ts
@@ -1,7 +1,12 @@
+
 import Fastify from 'fastify'
 import FastifyVite from '@fastify/vite'
 import FastifyFormBody from '@fastify/formbody'
 
+interface Database {
+  todoList: string[]
+}
+
 const server = Fastify({
   logger: {
     transport: {
@@ -10,29 +15,38 @@ const server = Fastify({
   }
 })
 
-server.decorate('db', {
+// @ts-ignore TODO
+await server.register(FastifyFormBody)
+
+await server.register(FastifyVite, {
+  root: import.meta.dirname,
+  renderer: '@fastify/vue',
+})
+
+await server.vite.ready()
+
+server.decorate<Database>('db', {
   todoList: [
     'Do laundry',
     'Respond to emails',
     'Write report',
   ]
 })
 
-server.put('/api/todo/items', (req, reply) => {
-  server.db.todoList.push(req.body)
+server.put<{
+  Body: string
+}>('/api/todo/items', (req, reply) => {
+  const db = server.getDecorator<Database>('db')
+  db.todoList.push(req.body)
   reply.send({ ok: true })
 })
 
-server.delete('/api/todo/items', (req, reply) => {
-  server.db.todoList.splice(req.body, 1)
+server.delete<{
+  Body: number
+}>('/api/todo/items', (req, reply) => {
+  const db = server.getDecorator<Database>('db')
+  db.todoList.splice(req.body, 1)
   reply.send({ ok: true })
 })
 
-await server.register(FastifyFormBody)
-await server.register(FastifyVite, {
-  root: import.meta.url,
-  renderer: '@fastify/vue',
-})
-
-await server.vite.ready()
 await server.listen({ port: 3000 })
diff --git a/starters/vue-typescript/tsconfig.json b/starters/vue-typescript/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "lib": ["es2022", "DOM"],
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "types": ["node"],
+    "strict": true,
+    "noUnusedLocals": true,
+    "isolatedDeclarations": false,
+    "esModuleInterop": true,
+    "verbatimModuleSyntax": true,
+    "skipLibCheck": true,
+    "outDir": ".",
+  },
+  "include": [
+    "./server.ts",
+  ],
+  "exclude": ["**/*.test.ts"]
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+server.js`
	`2`	`+client/dist`
	`3`	`+node_modules`