fix: use runtime config for route rules

.playground/pages/index.vue

@@ -10,7 +10,7 @@ const clicked = ref(false)
     <button :class="{ red: clicked }" style="padding: 30px;" @click="clicked = true">
       Big Button
     </button>
-    <NuxtLink to="/not-delayed">
+    <NuxtLink to="/disabled">
       not-delayed
     </NuxtLink>
     <div>

src/runtime/nuxt-plugin.ts

@@ -1,13 +1,23 @@
+import { createRouter as createRadixRouter, toRouteMatcher } from 'radix3'
+import defu from 'defu'
+import { withoutBase } from 'ufo'
+import type { NitroRouteRules } from 'nitropack'
 import { createFilter } from './util'
 import type { HydrationMode } from './types'
 import { exclude, include, mode } from '#nuxt-delay-hydration/api'
-import { defineNuxtPlugin, getRouteRules, useRequestEvent, useState } from '#imports'
+import { defineNuxtPlugin, useRequestEvent, useRuntimeConfig, useState } from '#imports'
 
-export default defineNuxtPlugin((nuxtApp) => {
+export default defineNuxtPlugin(async (nuxtApp) => {
   const hydrationMode = useState<HydrationMode>('nuxt-delay-hydration-mode', () => mode)
   if (import.meta.server) {
     const event = useRequestEvent()
-    const routeRules = getRouteRules(event.path)
+    const config = useRuntimeConfig()
+    const _routeRulesMatcher = toRouteMatcher(
+      createRadixRouter({ routes: config.nitro?.routeRules }),
+    )
+    const routeRules = defu({}, ..._routeRulesMatcher.matchAll(
+      withoutBase(event.path.split('?')[0], useRuntimeConfig().app.baseURL),
+    ).reverse()) as NitroRouteRules
     if (routeRules.delayHydration)
       hydrationMode.value = routeRules.delayHydration
   }