Vue.js 2.5. Component template should contain exactly one root element

[ghost]

In lesson-07 Adding Pagination

raising error compiling template:

• Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

should fix it :

<template>
  <div>
    <vuetable ref="vuetable"
      api-url="https://vuetable.ratiw.net/api/users"
      :fields="fields"
    ></vuetable>
    <vuetable-pagination ref="pagination"></vuetable-pagination>
  </div>
</template>