Challenge - 5 Problems

🎖️

Nuxt Mastery

Get all challenges correct to earn this badge!

Test your skills under time pressure!

❓ component_behavior

intermediate

2:00remaining

What is the output of this Nuxt page component?

Consider this Nuxt 3 page component. What will the user see rendered in the browser?

Vue

<template>
  <h1>{{ title }}</h1>
  <p>{{ description }}</p>
</template>

<script setup>
const title = 'Welcome to Nuxt'
const description = 'This is a simple Nuxt 3 page.'
</script>

APage fails to render due to syntax error

B<h1>Welcome to Nuxt</h1><p>This is a simple Nuxt 3 page.</p>

C<h1>undefined</h1><p>undefined</p>

D<h1>{{ title }}</h1><p>{{ description }}</p>

Attempts:

2 left