atinux / atinotes

An editable website with universal rendering on the edge.

Focusing to provide the best DX to deliver the best UX with Nuxt and NuxtHub. Website . Twitter . LinkedIn

atinotes's Issues

Cleaner way using custom fetch

Hi @Atinux! Hope you are doing well.

I was wondering if there is an update about creating a custom fetch composable that adapts the current Nuxt version 3.10.X because I believe your blog post is a bit behind from current changes and right know the Nuxt vesion I am using is showing a warning that I haven't solved which is [nuxt] [useFetch] Component is already mounted, please use $fetch instead. See https://nuxt.com/docs/getting-started/data-fetching.

I have followed the videos that the community suggest in this nuxt issue but the warning persists.

Thanks!

workers.api.error.script_too_large error on cloudflare deploy

Tried to deploy on cloudfalre and got the above error:

https://community.cloudflare.com/t/paid-plan-failed-to-publish-your-function-got-error-your-functions-script-is-over-the-1-mib-size-limit-workers-api-error-script-too-large/597797

They recommend to bring the size of function to under 1mb

custom useFetch has type bug

Reproduction: https://stackblitz.com/edit/atinotes-1

Thanks for sharing the way to make a custom useFetch. But I found some type bugs with useAPI:

1. When I set a default value in fetch options, it will raise error:

error TS2322: Type '() => never[]' is not assignable to type '() => Ref<null> | null'.
  Type 'never[]' is missing the following properties from type 'Ref<null>': value, [RefSymbol]

2. With a non-null default value, useAPI still returns a nullable data:

error TS18047: 'data2.value' is possibly 'null'

Original useFetch has no such issue.

Images not working

I was reading the entry:

• https://notes.atinux.com/fullstack-nuxt

And the images do not display, they return an error as in the attachment.