[RESOLVED] Component children

I'm new to Vue/Nuxt.js and coming from React.

I'm trying to define children in a component so I can do things like this, but is this a thing:

// alert.js

<template>
    <div class="bg-red-200 text-red-600 p-2 rounded">
        {{ children }}
    </div>
</template>

<script setup>
    const props = defineProps(['children'])
</script>

// alert.js

<template>
    <div class="bg-red-200 text-red-600 p-2 rounded">
        {{ children }}
    </div>
</template>

<script setup>
    const props = defineProps(['children'])
</script>

// login.vue

<template>
    <alert>
        <p class="font-bold">
            Example
        </div>
    </alert>
</template>

// login.vue

<template>
    <alert>
        <p class="font-bold">
            Example
        </div>
    </alert>
</template>

Nuxt•2y ago•

2 replies

Techno1Monkey

[RESOLVED] Component children

I'm new to Vue/Nuxt.js and coming from React.

I'm trying to define children in a component so I can do things like this, but is this a thing:

// alert.js

<template>
    <div class="bg-red-200 text-red-600 p-2 rounded">
        {{ children }}
    </div>
</template>

<script setup>
    const props = defineProps(['children'])
</script>

// alert.js

<template>
    <div class="bg-red-200 text-red-600 p-2 rounded">
        {{ children }}
    </div>
</template>

<script setup>
    const props = defineProps(['children'])
</script>

// login.vue

<template>
    <alert>
        <p class="font-bold">
            Example
        </div>
    </alert>
</template>

// login.vue

<template>
    <alert>
        <p class="font-bold">
            Example
        </div>
    </alert>
</template>

[RESOLVED] Component children

Similar Threads

[RESOLVED] Component children

Similar Threads

Similar Threads

Similar Threads