Update various configuration files, components, and assets; enhance notification system and API endpoints; improve documentation and styles across the application.

server/api/devtool/menu/add.js

@@ -0,0 +1,51 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    // Check if last character is not slash
+    if (body.formData.path.slice(-1) != "/") {
+      body.formData.path = body.formData.path + "/";
+    }
+
+    // Check if the path already exists
+    if (fs.existsSync(path.join(process.cwd(), "pages", body.formData.path))) {
+      return {
+        statusCode: 500,
+        message: "Path already exists. Please choose another path.",
+      };
+    }
+
+    // Create new file path with index.vue
+    const newFilePath = path.join(
+      process.cwd(),
+      "pages",
+      body.formData.path,
+      "index.vue"
+    );
+
+    // Create the folder if doesn't exist
+    fs.mkdirSync(path.dirname(newFilePath), { recursive: true });
+
+    // Create template content
+    const templateContent = buildNuxtTemplate({
+      title: body.formData.title || body.formData.name,
+      name: body.formData.name,
+    });
+
+    // Write file with template
+    fs.writeFileSync(newFilePath, templateContent);
+
+    return {
+      statusCode: 200,
+      message: "Menu successfully added!",
+    };
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});