Estoy tratando de generar un array vacio en mi script setup de vue 3, pero no encuentro la forma de hacerlo al querer definirlo reactivo.
Las cosas que intente fueron las siguientes:
<script setup lang="ts">
import { ref } from 'vue'
interface gs {
x: number;
y: number;
....
}
esto:
const layout: gridsystemobject[] = ref<gridsystemobject[]>([]);
const layout: gridsystemobject[] = ref([]);
da este error:
"message": "Type 'Ref<{ x?: number | undefined; y?: number | undefined; w: number; h: number; i: number; }[]>' is missing the following properties from type 'gridsystemobject[]': length, pop, push, concat, and 31 more.",
esto:
const layout = ref([]);
no da error en la definicion, pero si da error al querer hacer un push al array.
Property 'push' does not exist on type 'Ref<never[]>'.
const layout = ref<gridsystemobject[]>([]);
Property 'push' does not exist on type 'Ref<{ x?: number | undefined; y?: number | undefined; w: number; h: number; i: number; }[]>'.
Obviamente algo falla en toda la definicion, pero no logro identificar como quiere que lo expecifique.
Aclaro que si saco el ref, todo funciona, salvo que no es reactivo, que obviamente hace que no sirva para nada.