{"compiled":"\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n code: \"code\",\n figure: \"figure\",\n h2: \"h2\",\n li: \"li\",\n p: \"p\",\n pre: \"pre\",\n span: \"span\",\n strong: \"strong\",\n ul: \"ul\",\n ...props.components\n }, {TabItem, Tabs} = _components;\n if (!TabItem) _missingMdxReference(\"TabItem\", true);\n if (!Tabs) _missingMdxReference(\"Tabs\", true);\n return _jsxs(_Fragment, {\n children: [_jsxs(_components.p, {\n children: [\"Zely is no longer under active maintenance.\\nPlease use \", _jsx(_components.strong, {\n children: \"Dobs\"\n }), \", a lightweight and actively updated version of Zely.\"]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"If you’re starting a new project, use the \", _jsx(_components.code, {\n children: \"create-dobs\"\n }), \" tool to create a Dobs project.\\nIf you’re already using Zely, refer to the migration guide to move to Dobs.\"]\n }), \"\\n\", _jsx(_components.h2, {\n children: \"Installation\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"First, uninstall Zely and then install the Dobs package.\"\n }), \"\\n\", _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"bash\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"bash\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#FFCB6B\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"yarn\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" uninstall\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" zely\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#FFCB6B\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"yarn\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" add\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" dobs\"\n })]\n })]\n })\n })\n }), \"\\n\", _jsx(_components.h2, {\n children: \"Configuration File\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Rename \", _jsx(_components.code, {\n children: \"zely.config.{js|ts}\"\n }), \" to \", _jsx(_components.code, {\n children: \"dobs.config.{js|ts|json}\"\n }), \".\"]\n }), \"\\n\", _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"js\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"js\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" defineConfig\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" from\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" \\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"zely\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" // [!code --]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" defineConfig\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" from\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" \\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"dobs\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" // [!code ++]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"export\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" default\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \" defineConfig\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"{\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" // [!code --]\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" server\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \":\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" port\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \":\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F78C6C\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" 3000\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" // [!code --]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" },\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" // [!code --]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" port\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \":\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F78C6C\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" 3000\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" // [!code ++]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n })]\n })\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"The currently supported Dobs config options (as of v0.0.1-alpha.6) are:\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"port\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"middlewares\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"createServer\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"cwd\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"mode\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"temp (=dist)\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"build\"\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.h2, {\n children: \"Routes\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Rename the \", _jsx(_components.code, {\n children: \"/pages/\"\n }), \" directory to \", _jsx(_components.code, {\n children: \"/app/\"\n }), \".\"]\n }), \"\\n\", _jsx(_components.p, {\n children: \"Route files (file-based routing) are compatible with Zely.\"\n }), \"\\n\", _jsx(_components.h2, {\n children: \"Router\"\n }), \"\\n\", _jsxs(Tabs, {\n children: [_jsx(TabItem, {\n id: \"TypeScript\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" defineRoutes\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" from\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" \\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"dobs\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" // [!code ++]\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: \" \"\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"export\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" default\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" [\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"ALL\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"ctx\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C792EA\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =>\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {}\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")]\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" // [!code --]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"export\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" default\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \" defineRoutes\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"req\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" res\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C792EA\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =>\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {}\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" // [!code ++]\"\n })]\n })]\n })\n })\n })\n }), _jsx(TabItem, {\n id: \"JavaScript\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsx(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \"module\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \"exports\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" (\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"req\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" res\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C792EA\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =>\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {};\"\n })]\n })\n })\n })\n })\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Change Zely’s array-style router to use \", _jsx(_components.code, {\n children: \"defineRoutes()\"\n }), \" (or an object form).\"]\n }), \"\\n\", _jsxs(Tabs, {\n children: [_jsx(TabItem, {\n id: \"TypeScript\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" defineRoutes\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" from\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" \\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"dobs\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: \" \"\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"export\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" default\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \" defineRoutes\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"{\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \" ALL\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"req\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" res\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" res\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"send\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"Hello Dobs\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" },\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n })]\n })\n })\n })\n }), _jsx(TabItem, {\n id: \"JavaScript\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \"module\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \"exports\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \" ALL\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"req\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" res\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" res\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"send\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"Hello Dobs\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" },\"\n })\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"};\"\n })\n })]\n })\n })\n })\n })]\n }), \"\\n\", _jsx(_components.h2, {\n children: \"Data Caching\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Dobs uses a completely different approach to data caching compared to Zely.\"\n }), \"\\n\", _jsxs(Tabs, {\n children: [_jsx(TabItem, {\n id: \"TypeScript\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" defineRoutes\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" from\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" \\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"dobs\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"import\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" useCache\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" from\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \" \\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"dobs/experimental\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: \" \"\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"export\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#D73A49\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" default\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \" defineRoutes\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" (\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"req\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" res\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C792EA\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =>\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" res\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"send\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"Hello World!\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" },\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" [\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"useCache\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"()] \"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"// [!code ++]\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n })]\n })\n })\n })\n }), _jsx(TabItem, {\n id: \"JavaScript\",\n children: _jsx(_components.figure, {\n \"data-rehype-pretty-code-figure\": \"\",\n children: _jsx(_components.pre, {\n tabIndex: \"0\",\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n children: _jsxs(_components.code, {\n \"data-language\": \"ts\",\n \"data-theme\": \"material-theme-palenight github-light\",\n style: {\n display: \"grid\"\n },\n children: [_jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C792EA\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \"const\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" defineRoutes\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \" require\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"dobs\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C792EA\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \"const\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \" useCache\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" }\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \" require\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"dobs/experimental\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: \" \"\n }), \"\\n\", _jsx(_components.span, {\n \"data-line\": \"\",\n children: _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#676E95\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#6A737D\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"// [!code ++]\"\n })\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \"module\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#005CC5\"\n },\n children: \"exports\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \" useCache\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"()(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \"req\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \",\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-dark-font-style\": \"italic\",\n \"--shiki-light\": \"#E36209\",\n \"--shiki-light-font-style\": \"inherit\"\n },\n children: \" res\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C792EA\",\n \"--shiki-light\": \"#D73A49\"\n },\n children: \" =>\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" {\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \" res\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \".\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#82AAFF\",\n \"--shiki-light\": \"#6F42C1\"\n },\n children: \"send\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"(\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#C3E88D\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"Hello World!\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#032F62\"\n },\n children: \"\\\"\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#F07178\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n }), \"\\n\", _jsxs(_components.span, {\n \"data-line\": \"\",\n children: [_jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \"}\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#BABED8\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \")\"\n }), _jsx(_components.span, {\n style: {\n \"--shiki-dark\": \"#89DDFF\",\n \"--shiki-light\": \"#24292E\"\n },\n children: \";\"\n })]\n })]\n })\n })\n })\n })]\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"Add the \", _jsx(_components.code, {\n children: \"useCache\"\n }), \" instance as the second argument (wrapper) to the \", _jsx(_components.code, {\n children: \"defineRoutes()\"\n }), \" function.\"]\n }), \"\\n\", _jsx(_components.h2, {\n children: \"Conclusion\"\n }), \"\\n\", _jsxs(_components.p, {\n children: [\"For more details, visit \", _jsx(_components.a, {\n href: \"https://github.com/zely-js/dobs\",\n children: \"Github\"\n }), \".\"]\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\nfunction _missingMdxReference(id, component) {\n throw new Error(\"Expected \" + (component ? \"component\" : \"object\") + \" `\" + id + \"` to be defined: you likely forgot to import, pass, or provide it.\");\n}\n","posts":[{"overview":"Overview"},{"why-zely":"Why Zely"},{"getting-started":"Getting Started"},{"config":"Config References"},{"benchmark":"Performance"},{"troubleshooting":"Troubleshooting"},{"migration-to-dobs":"Migration to dobs"},{"routing":"Routing"},{"handler":"Handler"},{"methods":"Methods"},{"send-data":"Sending Data"},{"context":"Context"},{"page-data":"Page Data"},{"customizing-response":"Customizing Response"},{"data-fetching":"Data Fetching"},{"middleware":"Middleware"},{"auto":"Auto Importing"},{"provided-middlewares":"Provided Middlewares"},{"caching":"Caching"},{"store":"Data Caching"},{"cache":"Data Access"},{"serpack":"Serpack"},{"asset":"Asset"},{"debugging":"Debugging"},{"server-data":"Server Data"},{"frontend":"Frontend"},{"html":"HTML"},{"migration":"Migration"},{"migration-3x":"Migration from 3.x"},{"migration-2x":"Migration from 2.x"},{"community":"Community"},{"contributing":"Contributing"},{"playground":"Playground"}],"target":{"migration-to-dobs":"Migration to dobs"},"targetcategory":"Overview","directory":"docs"}