vue/quote-props

Disallow unnecessary quoted object properties in template expressions.

Applies to: Vue SFC templates and blocks, with script context where the rule requires it.

Bad

The identifier-safe name key is unnecessarily quoted.

<template>
  <Widget :options='{ "name": value }' />
</template>

Good

The property uses its unquoted identifier form.

<template>
  <Widget :options="{ name: value }" />
</template>

Configuration (Vite+)

import { defineConfig } from "@vizejs/vite-plugin/vite-plus";

export default defineConfig({}).withVue({
  linter: {
    "preset": "incremental",
    "rules": {
      "vue/quote-props": "warn"
    },
    "ruleOptions": {
      "vue/quote-props": "as-needed"
    }
  },
});

Then run vp run lint.

Related

• Vue rules
• Rule options
• All rules
• Source code