// before
const foo = ref(...)
const stop = watch(foo, () => {
  // react
  stop()
})

// After v3.4
watch(foo, () => {
  // react
}, { once: true })

<input :disabled="disabled" />
<UiInput :model-value="modelValue" />

Теперь можно записывать как

<input :disabled />
<UiInput :model-value />

const dataObject = computed((oldValue) => {
  const newValue = computeSomeObject()
  // Если объект получился с тем же значением - возвращаем старый,
  // чтобы не создавать новый объект по новой ссылке
  // и не триггерить реактивность лишний раз
  return isEqual(newValue, oldValue) ? oldValue : newValue
})

color: {
    type: String,
    validator: (value, props) =>
        props.format === 'hex'
            ? HEX_RE.test(value)
            : RGB_RE.test(value)
},

<script lang="ts" setup generic="TRow extends Record<string, unknown>">
const props = defineProps<{
  rows: TRow[] // тип объекта для каждой строки - из дженерика
  cols: { name: keyof TRow; label: string }[]
}>()

const slots = defineSlots<{
  // Тип слота для заголовкой каждой ячейки
  [K in keyof TRow as `header:${K & string}`]: (props: {
    col: { name: keyof TRow; label: string }
  }) => any[]
}>()
</script>

// before
const foo = ref(...)
const stop = watch(foo, () => {
  // react
  stop()
})

// After v3.4
watch(foo, () => {
  // react
}, { once: true })

<input :disabled="disabled" />
<UiInput :model-value="modelValue" />

Теперь можно записывать как

<input :disabled />
<UiInput :model-value />

const dataObject = computed((oldValue) => {
  const newValue = computeSomeObject()
  // Если объект получился с тем же значением - возвращаем старый,
  // чтобы не создавать новый объект по новой ссылке
  // и не триггерить реактивность лишний раз
  return isEqual(newValue, oldValue) ? oldValue : newValue
})

const modelValue = defineModel()
// Заменяет (но эффективнее)
const props = defineProps(['modelValue'])
const emit = defineEmits(['update:modelValue'])
const modelValue = computed({
  get: () => props.modelValue,
  set: (value) => emit('update:modelValue', value),
})

color: {
    type: String,
    validator: (value, props) =>
        props.format === 'hex'
            ? HEX_RE.test(value)
            : RGB_RE.test(value)
},

<script lang="ts" setup generic="TRow extends Record<string, unknown>">
const props = defineProps<{
  rows: TRow[] // тип объекта для каждой строки - из дженерика
  cols: { name: keyof TRow; label: string }[]
}>()

const slots = defineSlots<{
  // Тип слота для заголовкой каждой ячейки
  [K in keyof TRow as `header:${K & string}`]: (props: {
    col: { name: keyof TRow; label: string }
  }) => any[]
}>()
</script>