El Property type does not exist on type boolean se muestra en show.value booleano
cuando trato de aplicar el texto para el ícono basado en la veracidad
<template> <div class="d-flex cursor-pointer justify-content-between border rounded bg-white mt-4 p-2 w-100 " @click="dropdown"> <span>Purchase Requsition</span> <span class="material-icons fs-28 text-primary"> {{show.value ? 'arrow_circle_down' : 'arrow_circle_down' }} </span> </div> </template> <script setup lang="ts"> import { ref } from "vue"; const show = ref<boolean>(false) function dropdown(){ show.value = !show.value } </script> <style scoped> </style>Debe usar show en lugar de show.value en su plantilla. show.value solo está disponible dentro de la etiqueta del script en la API de composición.
<template> <div class="d-flex cursor-pointer justify-content-between border rounded bg-white mt-4 p-2 w-100 " @click="dropdown"> <span>Purchase Requsition</span> <span class="material-icons fs-28 text-primary"> {{show ? 'arrow_circle_down' : 'arrow_circle_down' }} </span> </div> </template>