Skip to content

Emits error using $fetch() in composables #371

@yabe-diverta

Description

@yabe-diverta

Environment

  • Operating System: Darwin
  • Node Version: v18.18.2
  • Nuxt Version: 3.11.1
  • CLI Version: 3.11.1
  • Nitro Version: 2.9.5
  • Package Manager: npm@9.8.1
  • Builder: -
  • User Config: ssr, app, modules, googleFonts, eslint, devtools, css, nitro, vite
  • Runtime Modules: @nuxtjs/google-fonts@3.1.3, @nuxt/eslint@0.3.0-beta.7
  • Build Modules: -

Package

@nuxt/eslint

Reproduction

https://stackblitz.com/edit/github-11bgm1?file=eslint.config.mjs
make sure running npx eslint composables/*.js will reproduce this.

スクリーンショット 2024-03-30 11 58 56

Describe the bug

emits no-undef error when composables using $fetch().

Additional context

using $fetch() in .vue file does not output lint error.

additionally it's workaround is below, adding globals into eslint config, can resolve this.

import withNuxt from './.nuxt/eslint.config.mjs';

export default withNuxt({
    languageOptions: {
        globals: {
            $fetch: 'readonly'
        }
    },
});

Logs

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions