Update package.json and nuxt.config.ts

Author: fayazara

nuxt.config.ts

@@ -8,20 +8,22 @@ export default defineNuxtConfig({
     "@nuxtjs/google-fonts",
     "@nuxtjs/fontaine",
     "@vueuse/nuxt",
-    "nuxt-security"
+    "nuxt-rate-limit"
   ],
   ui: {
     icons: ["heroicons", "lucide"],
   },
-  security: {
-    headers: {
-      crossOriginEmbedderPolicy:
-        process.env.NODE_ENV === "development" ? "unsafe-none" : "require-corp",
-    },
-  },
   colorMode: {
     preference: "dark",
   },
+  nuxtRateLimit: {
+    routes: {
+      '/api/*': {
+        maxRequests: 5,
+        intervalSeconds: 60,
+      },
+    },
+  },
   app: {
     head: {
       script: [
@@ -33,23 +35,6 @@ export default defineNuxtConfig({
       ],
     },
   },
-  routeRules: {
-    "/api/*": {
-      security: {
-        rateLimiter: {
-          tokensPerInterval: 5,
-          interval: 30000,
-          driver: {
-            name: "cloudflare-kv-binding",
-            options: {
-              binding: "CODESHARE_RATE_LIMITER",
-            },
-          },
-          throwError: false,
-        },
-      },
-    },
-  },
   googleFonts: {
     display: "swap",
     families: {

package.json

@@ -20,7 +20,7 @@
     "nitro-cloudflare-dev": "^0.0.7",
     "nuxt": "^3.9.1",
     "nuxt-icon": "^0.6.8",
-    "nuxt-security": "^1.0.1",
+    "nuxt-rate-limit": "^1.1.0",
     "vue": "^3.4.13",
     "vue-router": "^4.2.5",
     "wrangler": "^3.24.0"