Error when add layout

[nima-parandavar]

I want to change title x/y label in layout dynamically but i get this error

Uncaught (in promise) Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.

Here is my code

<script setup lang="ts">
import type { NuxtPlotlyLayout } from "nuxt-plotly"
const { plot, config } = storeToRefs(useChartStore())
const layout: NuxtPlotlyLayout = ref({
  title: "this is a test"
})
</script>

<template>
  <div v-if="plot">
    <LazyNuxtPlotly :data="plot.data" :config="config" :layout="layout" />
  </div>
</template>

can you help me ?