Vue

HTML

<script src="https://unpkg.com/pi-vue"></script>
<link rel="stylesheet" href="https://unpkg.com/pi-vue/dist/pi-vue.css">
<div id="app">
<pi-chart title='Hello World!'>
  <pi-trend context="\\PISRV1\NuGreen\NuGreen\Houston" path=".|Environment"/>
</pi-chart>
</div>

CSS

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

Vue

Vue.use(PIVue, {
   url: 'https://devdata.osisoft.com/piwebapi',
   auth_header: 'Basic d2ViYXBpdXNlcjohdHJ5My4xNHdlYmFwaSE='
})

new Vue({
  el: "#app",
})