Next Functional Component

{
    // Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
    // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
    // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
    // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
    // Placeholders with the same ids are connected.
    "Next Functional Component": {
        "scope": "javascript,typescript,jsx,tsx",
        "prefix": "nfc",
        "body": [
            "const $1 = () => {",
            "  return (",
            "    <div>",
            "      $2",
            "    </div>",
            "  );",
            "};",
            "",
            "export default $1;"
        ],
        "description": "Create a new functional component"
    },

    "Next Route Component": {
        "scope": "javascript,typescript,jsx,tsx",
        "prefix": "nrpc",
        "body": [
            "export async function $1(request) {",
            "  // const { $2 } = await request.json();",
            "",
            "    if (!$2) {",
            "        return Response.json({",
            "      success: false,"
            "      message: \"Missing required fields\",",
            "        status: 400,",
            "        });",
            "    }",
            "",
            "  return Response.json({"
            "      success: true,"
            "      message: \"Route created successfully\",",
            "    data: { someData: true },"
            "      status: 200,"
            "  });"
            "}"
        ],
        "description": "Create a new route component"
    }
}