xml.mjs

import { Grid } from '../../dist/main.esm.js'

export default {
  name: 'Json',
  components: {
    Grid
  },
  data() {
    return {
      sort: true,
      search: true,
      pagination: true,
      columns: ['Location', 'Change Frequency', 'Priority'],
      server: {
        url: 'https://gridjs.io/sitemap.xml',
        handle: res => {
          return res.text().then(str => new window.DOMParser().parseFromString(str, 'text/xml'))
        },
        then: data => {
          return Array.from(data.querySelectorAll('url')).map(row => [
            row.querySelector('loc').innerHTML,
            row.querySelector('changefreq').innerHTML,
            row.querySelector('priority').innerHTML
          ])
        }
      }
    }
  },
  template: `
    <div><grid :columns="columns" :server="server" :pagination="pagination" :search="search" :sort="sort"></grid></div>
  `
}