Vue cli 3 json schema loader with reference and pointer implementation

vue-json-schema-loader.js

const $RefParser = require('@apidevtools/json-schema-ref-parser')

/**
 * Vue cli 3 usage example.
 * 
 * // vue.config.js file
 * module.exports = {
 *   chainWebpack: config => {
 *     config.module
 *       .rule('yaml')
 *         .test(/\.ya?ml?$/)
 *         .use('./path-to-this-file')
 *           .loader('./path-to-this-file')
 *           .end()
 *       .rule('json')
 *         .test(/\.json$/)
 *         .use('./path-to-this-file')
 *           .loader('./path-to-this-file')
 *           .end()
 *     }
 *   }
 * }
 * 
 * // App.vue file
 *  <template>
 *    <div>
 *      YOUR APP HERE
 *    </div>
 *  </template>
 * 
 *  <script>
 *  import yamlSchema from './assets/schema.yaml'
 *  import jsonSchema from './assets/schema.json'
 * 
 *  export default {
 *    created () {
 *      console.log('yamlSchema', yamlSchema)
 *      console.log('jsonSchema', jsonSchema)
 *    }
 *  }
 *  </script>
 */
module.exports = async function () {
  const parser = new $RefParser()
  const schema = await parser.dereference(this.resourcePath, {
    dereference: {
      circular: false
    }
  })
  const resolve = await parser.resolve(this.resourcePath, {
    dereference: {
      circular: false
    }
  })

  for (const dep in resolve._$refs) {
    this.addDependency(dep)
  }

  return JSON.stringify(schema)
}