integrations/nuxt

[giscus[bot]]

integrations/nuxt

With community plugin 'nuxt-elysia', we can run Elysia on Nuxt API route with Eden Treaty setup automatically.

https://elysiajs.com/integrations/nuxt

[eastgold15]

我发现集成在nuxt使用swager会出现response重复消费的报错，swagger不能显示

[eastgold15]

再次示范，有问题，playground使用src的 可以使用swagger，但是使用你发布的包就不能使用

[Nundy]

I am using the latest versions of dependencies, but an error occurs when opening the Swagger page. When accessing the URL http://localhost:3000/_api/swagger in the browser, the browser console reports the following error:

YAMLParseError: Implicit keys need to be on a single line at line 1, column 1:
If the browser page is refreshed again, the page displays:

Response.clone: Body has already been consumed.

package.json
{
"name": "nuxt-app",
"private": true,
"type": "module",
"scripts": {
"build": "nuxt build",
"dev": "nuxt dev",
"generate": "nuxt generate",
"preview": "nuxt preview",
"postinstall": "nuxt prepare"
},
"dependencies": {
"@elysiajs/eden": "^1.3.2",
"@elysiajs/swagger": "^1.3.0",
"elysia": "^1.3.4",
"nuxt": "^3.17.5",
"vue": "^3.5.16",
"vue-router": "^4.5.1"
},
"devDependencies": {
"nuxt-elysia": "^0.2.0"
}
}

[Nundy]

I solved the problem. I referred to your github dependency https://github.com/tkesgar/nuxt-elysia/blob/main/package.json

Just downgrade the swagger version
"@elysiajs/swagger": "^1.2.2",

[ilnytskyi]

Can it be seamlessly integrated with nuxt api routes?
So i can still use

const { data } = await useFetch('/api/hello')

instead of

const { data, error } = await $api.hello.get()

[fecony]

Can it be seamlessly integrated with nuxt api routes?

Looking into nuxt-elysia library it looks like they register nuxt plugin and add those api routes and expose eden as $api , prefix is _api, so you might test and see if you can fetch it, or maybe Nuxt has devtools that show registered api routes that you can use?