Doc: Missing colon in sample code (vue Tabs)

[jctaoo]

<template>
  <div class="w-full max-w-md px-2 py-16 sm:px-0">
    <TabGroup>
       ...
      <TabPanels class="mt-2">
        <TabPanel ...>
          <ul>
            <li
              v-for="post in posts"
              key="post.id"
         <!-- ^ here -->
              class="relative p-3 rounded-md hover:bg-coolGray-100"
            >
                ...
            </li>
          </ul>
        </TabPanel>
      </TabPanels>
    </TabGroup>
  </div>
</template>

<script>
import { ref } from 'vue'
import { TabGroup, TabList, Tab, TabPanels, TabPanel } from '@headlessui/vue'

export default {
    ...
}
</script>