Skip to content

Enable vue/multi-word-component-names lint rule

Miguel Rincon requested to merge 360551-add-warn-to-disabled-rule into master

What does this MR do and why?

This change adds linting to all .vue files to ensure we use two words in their name with "vue/multi-word-component-names".

This important as we have some usages of components that have the same name as some HTML tags, like form and table.

Note: I've split the change in the first two commits so reviewers can easily see the two steps of this change, change the rule and then adding exceptions.

Problems report

The following is the list of errors posted after enabling the rule:

213 problems (0 errors, 213 warnings)
$ yarn eslint .
yarn run v1.22.19
$ /Users/miguelrincon/workspace/gdk/gitlab/node_modules/.bin/eslint .
IncrementalWebpackCompiler: Status – disabled

PSA: Running into unexpected and/or strange frontend integration test errors?
Please help improve our error logging by following the instructions on this issue:

    https://gitlab.com/gitlab-org/gitlab/-/issues/345513


/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/access_tokens/components/token.vue
  1:1  warning  Component name "token" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/add_context_commits_modal/components/token.vue
  1:1  warning  Component name "token" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/admin/users/components/actions/activate.vue
  1:1  warning  Component name "activate" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/admin/users/components/actions/approve.vue
  1:1  warning  Component name "approve" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/admin/users/components/actions/ban.vue
  1:1  warning  Component name "ban" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/admin/users/components/actions/block.vue
  1:1  warning  Component name "block" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/admin/users/components/actions/deactivate.vue
  1:1  warning  Component name "deactivate" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/admin/users/components/actions/delete.vue
  1:1  warning  Component name "delete" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/admin/users/components/actions/reject.vue
  1:1  warning  Component name "reject" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/admin/users/components/actions/unban.vue
  1:1  warning  Component name "unban" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/admin/users/components/actions/unblock.vue
  1:1  warning  Component name "unblock" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/admin/users/components/actions/unlock.vue
  1:1  warning  Component name "unlock" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/analytics/shared/components/daterange.vue
  1:1  warning  Component name "daterange" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/badges/components/badge.vue
  11:9  warning  Component name "Badge" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/behaviors/shortcuts/shortcut.vue
  1:1  warning  Component name "shortcut" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/blob/suggest_gitlab_ci_yml/components/popover.vue
  1:1  warning  Component name "popover" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ci_secure_files/components/metadata/button.vue
  1:1  warning  Component name "button" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ci_secure_files/components/metadata/modal.vue
  1:1  warning  Component name "modal" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ci_secure_files/components/metadata/table.vue
  1:1  warning  Component name "table" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/clusters/agents/components/show.vue
  1:1  warning  Component name "show" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/clusters_list/components/agents.vue
  1:1  warning  Component name "agents" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/clusters_list/components/clusters.vue
  1:1  warning  Component name "clusters" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/code_navigation/components/popover.vue
  1:1  warning  Component name "popover" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/comment_templates/components/form.vue
  1:1  warning  Component name "form" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/comment_templates/components/list.vue
  1:1  warning  Component name "list" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/comment_templates/pages/edit.vue
  1:1  warning  Component name "edit" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/comment_templates/pages/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/confidential_merge_request/components/dropdown.vue
  1:1  warning  Component name "dropdown" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/contributors/components/contributors.vue
  1:1  warning  Component name "contributors" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/deploy_keys/components/key.vue
  1:1  warning  Component name "key" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/design_management/components/image.vue
  1:1  warning  Component name "image" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/design_management/components/list/item.vue
  1:1  warning  Component name "item" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/design_management/components/toolbar/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/design_management/components/upload/button.vue
  1:1  warning  Component name "button" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/design_management/pages/design/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/design_management/pages/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/emoji/components/category.vue
  1:1  warning  Component name "category" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/emoji/components/picker.vue
  1:1  warning  Component name "picker" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/environments/components/commit.vue
  1:1  warning  Component name "commit" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/environments/components/container.vue
  1:1  warning  Component name "container" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/environments/components/deployment.vue
  1:1  warning  Component name "deployment" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/environments/environment_details/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/environments/environment_details/pagination.vue
  1:1  warning  Component name "pagination" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/error_tracking/components/stacktrace.vue
  1:1  warning  Component name "stacktrace" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/feature_flags/components/form.vue
  1:1  warning  Component name "form" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/feature_flags/components/strategies/default.vue
  1:1  warning  Component name "default" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/feature_flags/components/strategy.vue
  1:1  warning  Component name "strategy" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/google_cloud/aiml/panel.vue
  1:1  warning  Component name "panel" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/google_cloud/configuration/panel.vue
  1:1  warning  Component name "panel" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/google_cloud/databases/panel.vue
  1:1  warning  Component name "panel" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/google_cloud/deployments/panel.vue
  1:1  warning  Component name "panel" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/google_cloud/gcp_regions/form.vue
  1:1  warning  Component name "form" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/google_cloud/gcp_regions/list.vue
  1:1  warning  Component name "list" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/google_cloud/service_accounts/form.vue
  1:1  warning  Component name "form" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/google_cloud/service_accounts/list.vue
  1:1  warning  Component name "list" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/groups/components/groups.vue
  1:1  warning  Component name "groups" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/branches/item.vue
  1:1  warning  Component name "item" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/commit_sidebar/actions.vue
  1:1  warning  Component name "actions" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/commit_sidebar/form.vue
  1:1  warning  Component name "form" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/commit_sidebar/list.vue
  1:1  warning  Component name "list" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/file_templates/bar.vue
  1:1  warning  Component name "bar" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/file_templates/dropdown.vue
  1:1  warning  Component name "dropdown" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/ide.vue
  1:1  warning  Component name "ide" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/jobs/detail.vue
  1:1  warning  Component name "detail" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/jobs/detail/description.vue
  1:1  warning  Component name "description" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/jobs/item.vue
  1:1  warning  Component name "item" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/jobs/list.vue
  1:1  warning  Component name "list" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/jobs/stage.vue
  1:1  warning  Component name "stage" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/merge_requests/item.vue
  1:1  warning  Component name "item" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/merge_requests/list.vue
  1:1  warning  Component name "list" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/new_dropdown/button.vue
  1:1  warning  Component name "button" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/new_dropdown/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/new_dropdown/modal.vue
  1:1  warning  Component name "modal" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/new_dropdown/upload.vue
  1:1  warning  Component name "upload" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/pipelines/list.vue
  1:1  warning  Component name "list" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/terminal/session.vue
  1:1  warning  Component name "session" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/terminal/terminal.vue
  1:1  warning  Component name "terminal" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/components/terminal/view.vue
  1:1  warning  Component name "view" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/ide/lib/alerts/environments.vue
  1:1  warning  Component name "environments" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/invite_members/components/confetti.vue
  1:1  warning  Component name "confetti" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/issues/show/components/description.vue
  1:1  warning  Component name "description" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/issues/show/components/edited.vue
  1:1  warning  Component name "edited" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/issues/show/components/fields/description.vue
  1:1  warning  Component name "description" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/issues/show/components/fields/title.vue
  1:1  warning  Component name "title" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/issues/show/components/fields/type.vue
  1:1  warning  Component name "type" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/issues/show/components/form.vue
  1:1  warning  Component name "form" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/issues/show/components/title.vue
  1:1  warning  Component name "title" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/jira_connect/branches/pages/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/jobs/components/log/line.vue
  1:1  warning  Component name "line" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/jobs/components/log/log.vue
  1:1  warning  Component name "log" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/notebook/cells/markdown.vue
  1:1  warning  Component name "markdown" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/notebook/cells/output/html.vue
  1:1  warning  Component name "html" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/notebook/cells/output/image.vue
  1:1  warning  Component name "image" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/notebook/cells/output/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/notebook/cells/prompt.vue
  1:1  warning  Component name "prompt" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/notebook/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/observability/components/skeleton/dashboards.vue
  1:1  warning  Component name "dashboards" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/observability/components/skeleton/embed.vue
  1:1  warning  Component name "embed" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/observability/components/skeleton/explore.vue
  1:1  warning  Component name "explore" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/observability/components/skeleton/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/observability/components/skeleton/manage.vue
  1:1  warning  Component name "manage" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/packages_and_registries/container_registry/explorer/pages/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/packages_and_registries/harbor_registry/pages/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/packages_and_registries/package_registry/components/details/metadata/composer.vue
  1:1  warning  Component name "composer" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/packages_and_registries/package_registry/components/details/metadata/conan.vue
  1:1  warning  Component name "conan" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/packages_and_registries/package_registry/components/details/metadata/maven.vue
  1:1  warning  Component name "maven" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/packages_and_registries/package_registry/components/details/metadata/nuget.vue
  1:1  warning  Component name "nuget" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/packages_and_registries/package_registry/components/details/metadata/pypi.vue
  1:1  warning  Component name "pypi" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/packages_and_registries/package_registry/pages/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/packages_and_registries/package_registry/pages/list.vue
  1:1  warning  Component name "list" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/pdf/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/pdf/page/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/pipelines/components/dag/dag.vue
  15:9  warning  Component name "Dag" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/pipelines/components/pipelines_list/pipelines.vue
  1:1  warning  Component name "pipelines" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/popovers/components/popovers.vue
  1:1  warning  Component name "popovers" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/profile/components/follow.vue
  1:1  warning  Component name "follow" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/repository/components/breadcrumbs.vue
  1:1  warning  Component name "breadcrumbs" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/repository/components/preview/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/repository/components/table/header.vue
  1:1  warning  Component name "header" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/repository/components/table/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/repository/components/table/row.vue
  1:1  warning  Component name "row" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/repository/pages/blob.vue
  1:1  warning  Component name "blob" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/repository/pages/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/repository/pages/tree.vue
  1:1  warning  Component name "tree" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/sidebar/components/assignees/assignees.vue
  9:9  warning  Component name "Assignees" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/sidebar/components/participants/participants.vue
  1:1  warning  Component name "participants" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/sidebar/components/reviewers/reviewers.vue
  11:9  warning  Component name "Reviewers" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/sidebar/components/severity/severity.vue
  1:1  warning  Component name "severity" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue
  1:1  warning  Component name "subscriptions" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/sidebar/components/time_tracking/report.vue
  1:1  warning  Component name "report" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/sidebar/components/todo_toggle/todo.vue
  1:1  warning  Component name "todo" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/snippets/components/edit.vue
  1:1  warning  Component name "edit" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/snippets/components/show.vue
  1:1  warning  Component name "show" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/super_sidebar/components/counter.vue
  1:1  warning  Component name "counter" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/tooltips/components/tooltips.vue
  1:1  warning  Component name "tooltips" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment.vue
  9:9  warning  Component name "Deployment" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_merge_request_widget/components/extensions/base.vue
  1:1  warning  Component name "base" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_merge_request_widget/components/loading.vue
  1:1  warning  Component name "loading" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_merge_request_widget/components/widget/widget.vue
  1:1  warning  Component name "widget" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_shared/components/commit.vue
  1:1  warning  Component name "commit" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_shared/components/diff_viewer/viewers/renamed.vue
  1:1  warning  Component name "renamed" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_shared/components/file_finder/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_shared/components/file_finder/item.vue
  1:1  warning  Component name "item" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_shared/components/form/title.vue
  1:1  warning  Component name "title" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_shared/components/markdown/field.vue
  1:1  warning  Component name "field" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_shared/components/markdown/header.vue
  1:1  warning  Component name "header" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_shared/components/markdown/suggestions.vue
  1:1  warning  Component name "suggestions" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_shared/components/markdown/toolbar.vue
  1:1  warning  Component name "toolbar" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_shared/components/source_viewer/components/chunk.vue
  1:1  warning  Component name "chunk" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/vue_shared/new_namespace/components/welcome.vue
  1:1  warning  Component name "welcome" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/whats_new/components/feature.vue
  1:1  warning  Component name "feature" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/app/assets/javascripts/work_items_hierarchy/components/hierarchy.vue
  1:1  warning  Component name "hierarchy" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/analytics/shared/components/scatterplot.vue
  1:1  warning  Component name "scatterplot" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/approvals/components/license_compliance/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/approvals/components/license_compliance/modal.vue
  1:1  warning  Component name "modal" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/approvals/components/rules.vue
  1:1  warning  Component name "rules" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/billings/components/zuora.vue
  1:1  warning  Component name "zuora" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/ci/pipeline_editor/components/markdown.vue
  1:1  warning  Component name "markdown" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/clusters/agents/components/show.vue
  1:1  warning  Component name "show" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/clusters/components/environments.vue
  1:1  warning  Component name "environments" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/compliance_dashboard/components/frameworks_report/filters.vue
  1:1  warning  Component name "filters" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/compliance_dashboard/components/frameworks_report/pagination.vue
  1:1  warning  Component name "pagination" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/compliance_dashboard/components/violations_report/drawer.vue
  1:1  warning  Component name "drawer" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/compliance_dashboard/components/violations_report/drawer_sections/committers.vue
  1:1  warning  Component name "committers" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/compliance_dashboard/components/violations_report/drawer_sections/project.vue
  1:1  warning  Component name "project" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/compliance_dashboard/components/violations_report/drawer_sections/reference.vue
  1:1  warning  Component name "reference" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/compliance_dashboard/components/violations_report/drawer_sections/reviewers.vue
  1:1  warning  Component name "reviewers" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/compliance_dashboard/components/violations_report/violations/filter.vue
  1:1  warning  Component name "filter" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/compliance_dashboard/components/violations_report/violations/reason.vue
  1:1  warning  Component name "reason" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/environments_dashboard/components/dashboard/dashboard.vue
  1:1  warning  Component name "dashboard" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/environments_dashboard/components/dashboard/environment.vue
  1:1  warning  Component name "environment" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/external_issues_show/components/note.vue
  1:1  warning  Component name "note" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/feature_flags/components/actions.vue
  1:1  warning  Component name "actions" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/groups/settings/compliance_frameworks/components/table.vue
  1:1  warning  Component name "table" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/insights/components/insights.vue
  1:1  warning  Component name "insights" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/on_demand_scans/components/actions.vue
  1:1  warning  Component name "actions" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/on_demand_scans/components/tabs/all.vue
  1:1  warning  Component name "all" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/on_demand_scans/components/tabs/finished.vue
  1:1  warning  Component name "finished" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/on_demand_scans/components/tabs/running.vue
  1:1  warning  Component name "running" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/on_demand_scans/components/tabs/saved.vue
  1:1  warning  Component name "saved" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/on_demand_scans/components/tabs/scheduled.vue
  1:1  warning  Component name "scheduled" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/operations/components/dashboard/dashboard.vue
  1:1  warning  Component name "dashboard" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/operations/components/dashboard/project.vue
  1:1  warning  Component name "project" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/pages/groups/saml_providers/saml_members/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/registrations/verification/components/verification.vue
  1:1  warning  Component name "verification" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/remote_development/pages/create.vue
  1:1  warning  Component name "create" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/remote_development/pages/list.vue
  1:1  warning  Component name "list" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/security_configuration/corpus_management/components/columns/actions.vue
  1:1  warning  Component name "actions" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/security_configuration/corpus_management/components/columns/name.vue
  1:1  warning  Component name "name" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/security_configuration/corpus_management/components/columns/target.vue
  1:1  warning  Component name "target" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/security_dashboard/components/pipeline/filters.vue
  1:1  warning  Component name "filters" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/security_dashboard/components/shared/vulnerability_details_graphql/index.vue
  1:1  warning  Component name "index" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/status_checks/components/actions.vue
  1:1  warning  Component name "actions" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/status_checks/components/branch.vue
  1:1  warning  Component name "branch" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/status_checks/components/form.vue
  1:1  warning  Component name "form" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/subscriptions/buy_addons_shared/components/checkout.vue
  1:1  warning  Component name "checkout" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/subscriptions/new/components/checkout.vue
  1:1  warning  Component name "checkout" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/subscriptions/new/components/checkout/zuora.vue
  1:1  warning  Component name "zuora" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vue_shared/components/accordion/accordion.vue
  1:1  warning  Component name "accordion" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vue_shared/dashboards/components/alerts.vue
  1:1  warning  Component name "alerts" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vue_shared/purchase_flow/components/checkout/zuora.vue
  1:1  warning  Component name "zuora" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vue_shared/purchase_flow/components/step.vue
  1:1  warning  Component name "step" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vue_shared/security_reports/components/modal.vue
  1:1  warning  Component name "modal" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vulnerabilities/components/generic_report/types/code.vue
  1:1  warning  Component name "code" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vulnerabilities/components/generic_report/types/commit.vue
  1:1  warning  Component name "commit" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vulnerabilities/components/generic_report/types/diff.vue
  1:1  warning  Component name "diff" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vulnerabilities/components/generic_report/types/list.vue
  1:1  warning  Component name "list" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vulnerabilities/components/generic_report/types/markdown.vue
  1:1  warning  Component name "markdown" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vulnerabilities/components/generic_report/types/table.vue
  1:1  warning  Component name "table" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vulnerabilities/components/generic_report/types/url.vue
  1:1  warning  Component name "url" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vulnerabilities/components/generic_report/types/value.vue
  1:1  warning  Component name "value" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/ee/app/assets/javascripts/vulnerabilities/components/vulnerability.vue
  1:1  warning  Component name "vulnerability" should always be multi-word  vue/multi-word-component-names

/Users/miguelrincon/workspace/gdk/gitlab/spec/frontend/vue3migration/components/simple.vue
  3:9  warning  Component name "Simple" should always be multi-word  vue/multi-word-component-names

✖ 213 problems (0 errors, 213 warnings)

Command to re-apply eslint-disable in all files

We can use this in case of merge conflicts:

for file in $(yarn eslint **/*.vue | grep app/assets/javascripts); do sed -i '' '1 s/^/<!-- eslint-disable vue\/multi-word-component-names -->\n/' ${file}; done

Screenshots or screen recordings

NA

How to set up and validate locally

NA

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #360551 (closed)

Edited by Miguel Rincon

Merge request reports