vue-lighthouse-viewer

A Vue.js component for viewing Lighthouse reports

Usage no npm install needed!

<script type="module">
  import vueLighthouseViewer from 'https://cdn.skypack.dev/vue-lighthouse-viewer';
</script>

README

vue-lighthouse-viewer

This component is a Vue wrapper for the lighthouse-viewer. It depends on lighthouse-viewer, package that exports the original lighthouse-viewer from Google as an ES modules package.

Getting started

  1. Install using npm install vue-lighthouse-viewer or yarn add vue-lighthouse-viewer
  2. Import in your project:
import VueLighthouseViewer from "vue-lighthouse-viewer";
  1. Load the component in your code as follows:
<div id="app">
    <VueLighthouseViewer :json="json" />
</div>
  1. That's all!