v-simple-tableのtemplateタグ内でのv-forの扱い

vuetifyのv-simple-tableのtemplateタグ内でv-forを使う場合、従来のtableタグ内でv-forを使うのと異なる挙動になりますが、これは何故でしょうか？
このソースコードで下記のような表示になります。

catNaN
cat1 cat2 cat3 cat4 cat5

html
1<!DOCTYPE html>
2<html>
3
4<head>
5    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
6    <link href="https://cdn.jsdelivr.net/npm/@mdi/font@6.x/css/materialdesignicons.min.css" rel="stylesheet">
7    <link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet">
8    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
9</head>
10
11<body>
12    <div id="app">
13        <v-app>
14            <v-main>
15                <v-container>
16                    <v-row>
17                        <v-col>
18                            <v-simple-table>
19                                <tempalte>
20                                    <tbody>
21                                        <tr>
22                                            <td v-for="(cat,idx) in cats">cat{{idx+1}}
23                                            </td>
24                                        </tr>
25                                    </tbody>
26                                </tempalte>
27                            </v-simple-table>
28                            <table>
29                                <tr>
30                                    <td v-for="(cat,idx) in cats">cat{{idx+1}}
31                                    </td>
32                                </tr>
33                            </table>
34                        </v-col>
35                    </v-row>
36                </v-container>
37            </v-main>
38        </v-app>
39    </div>
40
41    <script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
42    <script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script>
43    <script>
44        new Vue({
45            el: '#app',
46            vuetify: new Vuetify(),
47            data() {
48                return {
49                    cats: [
50                        { name: 'a' },
51                        { name: 'b' },
52                        { name: 'c' },
53                        { name: 'd' },
54                        { name: 'e' }
55                    ],
56                }
57            },
58        })
59    </script>
60</body>
61</html>