vue/no-setup-props-reactivity-loss

Disallow setup prop reads that lose reactivity.

Applies to: JS/TS scripts in Vue SFCs; examples show the relevant Options API or script setup form.

Checks root-scope prop copies in Options API setup and <script setup>. Vue 3.5 reactive props destructuring itself is retained; copying a destructured prop later at the script root is reported. Reads inside another function are allowed.

Bad

Copying props.count at the script root keeps its current value and does not follow later prop updates.

<script setup lang="ts">
const props = defineProps({ count: Number });
const snapshot = props.count;
</script>

Good

Read props.count inside a computed getter so the derived result stays connected to prop changes.

<script setup lang="ts">
import { computed } from "vue";
const props = defineProps({ count: Number });
const snapshot = computed(() => props.count);
</script>

Configuration (Vite+)

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

export default defineConfig({}).withVue({
  linter: {
    "preset": "incremental",
    "rules": {
      "vue/no-setup-props-reactivity-loss": "warn"
    }
  },
});

Then run vp run lint.

Related

• Vue rules
• All rules
• Source code