Importing external JSON in Vue

<!DOCTYPE html>
<html>

  <head>
    <script src="https://unpkg.com/vue@2.5.2"></script>
  </head>

  <body>
    <div id="app">
      <h2>Products</h2>
    	<ul>
    		<li v-for="item in items">{{item.title}}</li>
    	</ul>
    </div>

    <script type="module">
      import products from './json/products.json.js'

      new Vue({
        el: '#app',
        data () {
          return {
      			items: products
          }
        }
      })
    </script>
  </body>

</html>

export default [
  {
    "title": "foo"
  },
  {
    "title": "bar"
  },
  {
    "title": "qux"
  }
]