Mark imported config

[erosman]

Clear and concise description of the problem

• Configs
  Use a reference instead of anonymous #1 e.g. js.configs.recommended, or @eslint/js.configs.recommended,

import js from "@eslint/js"; 
// ---
export default [
  js.configs.recommended, 

  // ---
]:

• Rules
  It would be useful to mark rules that are imported e.g. js.configs.recommended so that they can be differentiated from the manually added rules.

Suggested solution

as above

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[antfu]

I am trying to push that direction: eslint/eslint#18231

The config-viewer gets the data from runtime, so we can't possibly know the source for each config. That would require configs to provide the name properly later.

[erosman]

configs.recommended

[ESLint Config Viewer] Config payload

eslint-flat-config-viewer/composables/payload.ts

Line 22 in fa224fd

const payload = await $fetch<Payload | ErrorInfo>('/api/get')

Data example

    "constructor-super": {
      "type": "problem",
      "docs": {
        "description": "Require `super()` calls in constructors",
        "recommended": true,
        "url": "https://eslint.org/docs/latest/rules/constructor-super"
      },
      "name": "constructor-super",
      "plugin": "eslint"
    },

It would be helpful to mark rules with "recommended": true, to show that they are part of configs.recommended.