refactor(app.vue): update API endpoint to '/json' for fetching IP

docs(DEVELOPERS.md): clarify branch name for PR submissions
feat(nuxt.config.ts): add server middleware for '/raw' and '/json' routes
chore(package.json): add resolution for 'supports-color' dependency
refactor: replace ip.js with separate route handlers for '/json' and '/raw'

The API endpoint in `app.vue` is updated to '/json' to align with the new route structure. The documentation is updated to specify the correct branch name for PR submissions, improving clarity for developers. The `nuxt.config.ts` file now includes server middleware for '/raw' and '/json' routes, allowing for more flexible handling of IP requests. The `package.json` file includes a resolution for the 'supports-color' dependency to ensure compatibility. The `ip.js` file is removed and replaced with separate route handlers for '/json' and '/raw', improving code organization and maintainability.

app.vue

@@ -13,7 +13,7 @@ const ip = ref(null);
 
 onMounted(async () => {
   try {
-    const res = await fetch("/api/ip");
+    const res = await fetch("/json");
     const data = await res.json();
     ip.value = data.ip;
   } catch (error) {

docs/DEVELOPERS.md

@@ -100,7 +100,7 @@ git commit -m "Implement new feature"
 
 ### Developers
 
-Submit a PR to merge your feature changes to the `develop` branch
+Submit a PR to merge your feature changes to the `origin/develop` branch
 
 ### Maintainers
 

nuxt.config.ts

@@ -1,5 +1,9 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   compatibilityDate: '2024-11-01',
-  devtools: { enabled: true }
+  devtools: { enabled: true },
+  serverMiddleware: [
+    { path: '/raw', handler: '~/server/ip.js' },
+    { path: '/json', handler: '~/server/ip.js' },
+  ],
 })

package.json

@@ -15,5 +15,8 @@
     "vue": "latest",
     "vue-router": "latest"
   },
-  "packageManager": "[email protected]+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
+  "packageManager": "[email protected]+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610",
+  "resolutions": {
+    "supports-color": "7.1.0"
+  }
 }

server/routes/json.ts

@@ -0,0 +1,7 @@
+import { defineEventHandler, getRequestHeaders } from 'h3';
+
+export default defineEventHandler((event) => {
+  const headers = getRequestHeaders(event);
+  const userIp = headers['x-forwarded-for'] || event.node.req.socket.remoteAddress;
+  return { ip: userIp };
+});

server/routes/raw.ts

@@ -0,0 +1,8 @@
+import { defineEventHandler, getRequestHeaders } from 'h3';
+
+export default defineEventHandler((event) => {
+  const headers = getRequestHeaders(event);
+  const userIp = headers['x-forwarded-for'] || event.node.req.socket.remoteAddress;
+  event.res.setHeader('Content-Type', 'text/plain');
+  return userIp;
+});