ux: reset error message on page reload

Author: davidstackio

src/module.ts

@@ -1,6 +1,7 @@
 import {
   addComponentsDir,
   addImportsDir,
+  addRouteMiddleware,
   addServerImportsDir,
   createResolver,
   defineNuxtModule,
@@ -121,5 +122,12 @@ export default defineNuxtModule<ModuleOptions>({
     // Utils
     addImportsDir(resolver.resolve('./runtime/utils'))
     addServerImportsDir(resolver.resolve('./runtime/server/utils'))
+
+    // Middleware
+    addRouteMiddleware({
+      name: 'setup-global',
+      path: resolver.resolve('./runtime/middleware/setup.global.ts'),
+      global: true,
+    })
   },
 })

src/runtime/middleware/setup.global.ts

@@ -0,0 +1,7 @@
+import { defineNuxtRouteMiddleware, useErrorMessage } from '#imports'
+
+export default defineNuxtRouteMiddleware(() => {
+  // Reset error state
+  const errorMessage = useErrorMessage()
+  errorMessage.value = ''
+})