How to v-repeat in v-repeat at Vue.js

v-repeat-in-v-repeat.html

<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/0.8.8/vue.min.js"></script>
<ul id="list">
    <li v-repeat="monsters">
      {{name}}
      <div v-repeat="types">タイプ{{$index + 1}}: {{$value}}</div>
      <ul>
        <li v-repeat="baseStats">{{$root.lang[$key]}}: {{$value}}</li>
      </ul>
    </li>
</ul>

v-repeat-in-v-repeat.js

var lang = {
  h: 'HP',
  a: 'こうげき',
  b: 'ぼうぎょ',
  c: 'とくこう',
  d: 'とくぼう',
  s: 'すばやさ'
};

var monsters = [
  {
    name: 'ラプラス',
    types: ['みず', 'こおり'],
    baseStats: {
      h: 130, a: 85, b: 80, c: 85, d: 95, s: 60
    }
  },
  {
    name: 'ユキノオー',
    types: ['くさ', 'こおり'],
    baseStats: {
      h: 90, a: 92, b: 75, c: 92, d: 85, s: 60
    }
  }
];

var vue = new Vue({
    el: '#list',
    data: {
      lang: lang,
      monsters: monsters
    }
});