Как можно передать типизированный массив в параметр Vue компонента не создавая переменной?

Question

[Вячеслав Шевченко]

Есть компонент в который передается параметр в виде типизированного массива:

<template>
    <span>{{ props.title }}</span>
    <ul>
        <li v-for="item in props.items">
            <NuxtLink :href="item.href">{{ item.text }}</NuxtLink>
        </li>
    </ul>
</template>

<script setup lang="ts">
import { defineProps, PropType } from 'vue';
import type Link from '~/types/common/Link';

const props = defineProps({
    title: {
        required: true,
        type: String
    },
    items: {
        required: true,
        type: Array as PropType<Link[]>
    }
});
</script>

<style scoped lang="scss">

</style>

Его я вызываю передавая переменную нужного типа:
<FooterMenu title="О нас" :items="menu1Links"/>

А как нибудь можно передать такой массив не создавая переменной? Т.е. как это было бы сделано без ts:

<FooterMenu title="О нас" :items="[{href:'#', text:'asd'}]"/>

Comments

[modelair]

можно, передавайте.

Answer 1

[modelair]

<FooterMenu title="О нас" :items="[{href:'#', text:'asd'}] as Link[]"/>