diff --git a/example/index.html b/example/index.html
index 0b6b2bd..9e7a947 100644
--- a/example/index.html
+++ b/example/index.html
@@ -34,7 +34,7 @@ <h1 id="heading">Home</h1>
     <div id="keep" flamethrower-preserve>
       <article>
         <p>This text should be preserved when starting from home</p>
-      </article> 
+      </article>
     </div>
 
     <script>
diff --git a/lib/router.ts b/lib/router.ts
index 2504e40..510c434 100644
--- a/lib/router.ts
+++ b/lib/router.ts
@@ -1,6 +1,7 @@
 import { FetchProgressEvent, FlamethrowerOptions, RouteChangeData } from './interfaces';
 import { addToPushState, handleLinkClick, handlePopState, scrollTo } from './handlers';
 import { mergeHead, formatNextDocument, replaceBody, runScripts } from './dom';
+import { dispatchEvent } from './utils';
 
 const defaultOpts = {
   log: false,
@@ -172,7 +173,7 @@ export class Router {
       if (['popstate', 'link', 'go'].includes(type) && next !== prev) {
         this.opts.log && console.time('⏱️');
 
-        window.dispatchEvent(new CustomEvent('flamethrower:router:fetch'));
+        dispatchEvent('router:fetch');
 
         // Update window history
         if (type != 'popstate') {
@@ -200,16 +201,13 @@ export class Router {
                     }
 
                     bytesReceived += value.length;
-                    window.dispatchEvent(
-                      new CustomEvent<FetchProgressEvent>('flamethrower:router:fetch-progress', {
-                        detail: {
-                          // length may be NaN if no Content-Length header was found
-                          progress: Number.isNaN(length) ? 0 : (bytesReceived / length) * 100,
-                          received: bytesReceived,
-                          length: length || 0,
-                        },
-                      }),
-                    );
+        
+                    dispatchEvent<FetchProgressEvent>('router:fetch-progress', {
+                        // length may be NaN if no Content-Length header was found
+                        progress: Number.isNaN(length) ? 0 : (bytesReceived / length) * 100,
+                        received: bytesReceived,
+                        length: length || 0,
+                    })
                     // Get the data and send it to the browser via the controller
                     controller.enqueue(value);
                     // Check chunks by logging to the console
@@ -245,7 +243,7 @@ export class Router {
         }
 
 
-        window.dispatchEvent(new CustomEvent('flamethrower:router:end'));
+        dispatchEvent('router:end');
 
         // delay for any js rendered links
         setTimeout(() => {
@@ -255,7 +253,8 @@ export class Router {
         this.opts.log && console.timeEnd('⏱️');
       }
     } catch (err) {
-      window.dispatchEvent(new CustomEvent('flamethrower:router:error', err));
+      dispatchEvent('router:error', err);
+
       this.opts.log && console.timeEnd('⏱️');
       console.error('💥 router fetch failed', err);
       return false;
diff --git a/lib/utils.ts b/lib/utils.ts
new file mode 100644
index 0000000..6ecba40
--- /dev/null
+++ b/lib/utils.ts
@@ -0,0 +1,11 @@
+/**
+ * dispatchEvent
+ * @param event The event name to dispatch
+ * @param data The data to be send with the event
+ * @param prefix The perfix of the event
+ * @returns boolean
+ */
+export function dispatchEvent<T extends unknown>(event: string, data?: T, prefix: string = "flamethrower"): boolean {
+  return window.dispatchEvent(new CustomEvent(`${prefix}:${event}`, data));
+}
+
diff --git a/package-lock.json b/package-lock.json
index 846afbb..88ccce5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "flamethrower-router",
-  "version": "0.0.0-meme.8",
+  "version": "0.0.0-meme.12",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "flamethrower-router",
-      "version": "0.0.0-meme.8",
+      "version": "0.0.0-meme.12",
       "license": "ISC",
       "devDependencies": {
         "@playwright/test": "^1.25.0",