question - slots in components

hey i wanna make a component that uses slots

usage of component should be

<ComponentName title="" description="" link=""></ComponentName>

<ComponentName title="" description="" link=""></ComponentName>

is this possible?
if yes - how should my ComponentName.vue file look like?

<template>
    <div>
        <div class="h4">
            // slot for title here
        </div>
        <p>
            // slot for description here
        </p>
        <NuxtLink :to='localePath("/app/events/" + slot_for_link_here)'>View</NuxtLink>
    </div>
</template>

<template>
    <div>
        <div class="h4">
            // slot for title here
        </div>
        <p>
            // slot for description here
        </p>
        <NuxtLink :to='localePath("/app/events/" + slot_for_link_here)'>View</NuxtLink>
    </div>
</template>

Nuxt•4y ago•

6 replies

"𝑹𝑨𝑽𝑬𝑵‧₊

question - slots in components

hey i wanna make a component that uses slots

usage of component should be

<ComponentName title="" description="" link=""></ComponentName>

<ComponentName title="" description="" link=""></ComponentName>

is this possible?
if yes - how should my ComponentName.vue file look like?

<template>
    <div>
        <div class="h4">
            // slot for title here
        </div>
        <p>
            // slot for description here
        </p>
        <NuxtLink :to='localePath("/app/events/" + slot_for_link_here)'>View</NuxtLink>
    </div>
</template>

<template>
    <div>
        <div class="h4">
            // slot for title here
        </div>
        <p>
            // slot for description here
        </p>
        <NuxtLink :to='localePath("/app/events/" + slot_for_link_here)'>View</NuxtLink>
    </div>
</template>

question - slots in components

Similar Threads

question - slots in components

Similar Threads

Similar Threads

Similar Threads