ভিইউই readonly

<!DOCTYPE html>
<html>
<body>

<div id="app">
  <p>{{user.name}}</p>
  <button @click="user.name = 'পরিবর্তন'">চেষ্টা করো</button>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const {createApp, reactive, readonly} = Vue;
createApp({
  setup() {
    const state = reactive({
      name: "আরিফ"
    });
    const user = readonly(state);
    return {user};
  }
}).mount("#app");
</script>
</body>
</html>