<script setup lang="ts">
import { loadNounsData } from '~/src/data.ts';

const nounsData = await loadNounsData();
</script>

<template>
    <ul v-if="nounsData.groups" class="list-group mt-4">
        <li
            v-for="nounConventionGroup of withKey(nounsData.groups)"
            :key="nounConventionGroup.key"
            class="list-group-item"
        >
            <NounsConventionsIndexGroup :noun-convention-group />
        </li>
    </ul>
</template>
