vuetify-openapi v0.0.5

vuetify-openapi

UI components for OpenApi based on Vuetify

<v-openapi-header />
<v-openapi-tags />
<v-openapi-paths />
<v-openapi-links />

How to use

# install dependencies
npm install vuetify-openapi

// In main.js
import openapi from 'vuetify-openapi'
import Vue from 'vue'

Vue.use(openapi)

# In single file component
<template>
  <v-app>
    <v-content>
      <v-container fluid>
        <v-openapi-header
        v-bind:info="myJson.info"
        v-bind:basepath="myJson.basePath"
        v-bind:host="myJson.host"
        v-bind:schemes="myJson.schemes"
        ></v-openapi-header>
         <v-openapi-links
        v-bind:externalDocs="myJson.externalDocs"
        v-bind:termsOfService="myJson.info.termsOfService"
        v-bind:contact="myJson.info.contact"
        v-bind:license="myJson.info.license">
        </v-openapi-links>
        <v-openapi-tags
        v-bind:tags="myJson.tags">
        </v-openapi-tags>
        <v-openapi-paths
        v-bind:paths="myJson.paths">
        ></v-openapi-paths>
      </v-container>
      </v-content>
    </v-app>
</template>

<script>
  export default {
      data () {
      return {
        myJson: null
      }
    },
    created: function () {
      var Httpreq = new XMLHttpRequest() // a new request
      Httpreq.open('GET', 'https://petstore.swagger.io/v2/swagger.json', false)
      Httpreq.send(null)
      this.myJson = JSON.parse(Httpreq.responseText)
    }
  }
</script>