diff --git a/site/mcfly.config.mjs b/site/mcfly.config.mjs
index 07f3eef..8214c10 100644
--- a/site/mcfly.config.mjs
+++ b/site/mcfly.config.mjs
@@ -1,18 +1,12 @@
 import { defineMcFlyConfig } from '@mcflyjs/config'
+import testPlugin from './test-plugin.mjs'
 
 export default defineMcFlyConfig({
   components: 'js',
   server: {
     logs: true,
   },
-  plugins: [
-    {
-      'mcfly:page:rendered': () => console.log('>>> page rendered'),
-      'mcfly:scripts:evaluated': () => console.log('>>> scripts evaluated'),
-      'mcfly:fragments:injected': () => console.log('>>> fragments injected'),
-      'mcfly:elements:injected': () => console.log('>>> elements injected'),
-    },
-  ],
+  plugins: [testPlugin()],
   nitro: {
     devServer: {
       watch: ['../packages'],
diff --git a/site/src/api/users.js b/site/src/api/users.js
new file mode 100644
index 0000000..1515d70
--- /dev/null
+++ b/site/src/api/users.js
@@ -0,0 +1,8 @@
+import { eventHandler } from 'h3'
+
+export default eventHandler(() => {
+  return {
+    user: 'username',
+    date: new Date(),
+  }
+})
diff --git a/site/test-plugin.mjs b/site/test-plugin.mjs
new file mode 100644
index 0000000..5200f99
--- /dev/null
+++ b/site/test-plugin.mjs
@@ -0,0 +1,8 @@
+export default function () {
+  return {
+    'mcfly:page:rendered': () => console.log('>>> page rendered'),
+    'mcfly:scripts:evaluated': () => console.log('>>> scripts evaluated'),
+    'mcfly:fragments:injected': () => console.log('>>> fragments injected'),
+    'mcfly:elements:injected': () => console.log('>>> elements injected'),
+  }
+}
diff --git a/templates/basic/src/api/users.js b/templates/basic/src/api/users.js
new file mode 100644
index 0000000..1515d70
--- /dev/null
+++ b/templates/basic/src/api/users.js
@@ -0,0 +1,8 @@
+import { eventHandler } from 'h3'
+
+export default eventHandler(() => {
+  return {
+    user: 'username',
+    date: new Date(),
+  }
+})