Nuxt Example data binding not working

[jaketig]

Docs suggest data binding inside of defineConfig
This doesn't appear to work.

<script setup>
defineConfig({
  user: 'world',
})
</script>

<template>
  <Layout>
    <Container class="max-w-xl">
      <Heading>
        Hello, {{ user }}!
      </Heading>
      <Text>
        Welcome aboard!
      </Text>
      <Button href="https://example.com">
        Verify email
      </Button>
    </Container>
  </Layout>
</template>

Should this bedefineProps isntead of defineConfig?

<script setup>
defineProps({
  user: {
    type: String,
    default: 'world',
  },
})

defineConfig({
  
})
</script>

<template>
  <Layout>
    <Container class="max-w-xl">
      <Heading>
        Hello, {{ user }}!
      </Heading>
      <Text>
        Welcome aboard!
      </Text>
      <Button href="https://example.com">
        Verify email
      </Button>
    </Container>
  </Layout>
</template>