diff --git a/packages/example/source/Button.vue b/packages/example/source/Button.vue
index 65a5f0a..d7006d2 100644
--- a/packages/example/source/Button.vue
+++ b/packages/example/source/Button.vue
@@ -1,5 +1,8 @@
 <template>
-  <button class="bg-blue-500 py-2 px-4 text-white rounded"><slot /></button>
+  <button class="bg-blue-500 py-2 px-4 text-white rounded">
+    <!-- @slot content of the button -->
+    <slot />
+  </button>
 </template>
 
 <preview name="Primary Button">
diff --git a/packages/example/source/Input.vue b/packages/example/source/Input.vue
new file mode 100644
index 0000000..ec5129b
--- /dev/null
+++ b/packages/example/source/Input.vue
@@ -0,0 +1,100 @@
+<template>
+  <div>
+    <input
+      ref="input"
+      v-model="val"
+      @input="updateValue($event.target.value)"
+      @change="emitChange"
+    />
+    <button @click="fireEvent()">Fire example event!</button>
+  </div>
+</template>
+
+<script>
+/**
+ * An input field with a button
+ */
+export default {
+  name: 'Input',
+  model: {
+    prop: 'value',
+  },
+  props: {
+    value: {
+      default: null,
+      type: [Number, String],
+    },
+    /**
+     * Using for: String.prototype.replace(regexp, replacement)
+     */
+    regExp: {
+      type: RegExp,
+      default: null,
+    },
+    /**
+     * Using for: String.prototype.replace(regexp, replacement)
+     */
+    replacement: {
+      type: String,
+      default: '',
+    },
+  },
+  data() {
+    return {
+      val: '',
+    };
+  },
+  watch: {
+    // watch value prop
+    value(val) {
+      this.updateValue(val);
+    },
+  },
+  mounted() {
+    this.updateValue(this.value);
+  },
+  methods: {
+    // format the value of input
+    formatValue(val) {
+      const formattedValue = !val ? '' : val.toString().replace(this.regExp, this.replacement);
+
+      return formattedValue;
+    },
+
+    updateValue(val) {
+      const formattedValue = this.formatValue(val);
+
+      this.val = formattedValue;
+      this.emitInput(formattedValue);
+    },
+
+    emitInput(val) {
+      /**
+       * Input event
+       * @event input
+       * @type {number|string}
+       * @property {number} called - test called
+       * @property {boolean} isPacked - Indicates whether the snowball is tightly packed.
+       */
+      this.$emit('input', val, 1, false);
+    },
+
+    // emit change event
+    emitChange() {
+      /**
+       * Change event
+       * @event change
+       */
+      this.$emit('change', this.val);
+    },
+    fireEvent() {
+      /**
+       * Fire event
+       * @event fire
+       * @type {string}
+       */
+      this.$emit('fire', 'hello fire!!');
+    },
+  },
+};
+</script>
diff --git a/packages/preview/browser/app.css b/packages/preview/browser/app.css
index 725940b..29a1740 100644
--- a/packages/preview/browser/app.css
+++ b/packages/preview/browser/app.css
@@ -12,3 +12,48 @@ html {
 .dark {
   color: #efefef;
 }
+
+/* Documentation Panel */
+.docs {
+  width: 400px;
+  margin: 5px 10px;
+}
+
+.docs h2 {
+  margin-bottom: 10px;
+  padding: 5px;
+  border-bottom: 1px solid #ccc;
+}
+
+.docs h3 {
+  margin-top: 20px;
+  padding: 0 5px;
+}
+.docs table {
+  margin: 10px 5px;
+  color: #333;
+  font-size: small;
+}
+
+.docs table td,
+.docs table th {
+  border-bottom: 1px solid #cccccc;
+  padding: 5px 8px;
+}
+
+.docs table th {
+  background-color: #f2f2f2;
+  color: #000;
+}
+
+.docs table li {
+  padding: 0;
+  margin: 5px 0;
+  list-style-type: none;
+}
+
+.docs table li strong {
+  display: inline-block;
+  font-weight: bold;
+  width: 70px;
+}
diff --git a/packages/preview/browser/components/Dashboard.vue b/packages/preview/browser/components/Dashboard.vue
index a655354..e690e6f 100644
--- a/packages/preview/browser/components/Dashboard.vue
+++ b/packages/preview/browser/components/Dashboard.vue
@@ -3,6 +3,7 @@ import { inject, computed, ref, watch, markRaw, defineComponent, provide } from
 import { COMPONENTS, ZOOM, THEME } from '../config';
 import { ComponentModule } from '../types';
 import Preview from './Preview.vue';
+import Documentation from './Documentation.vue';
 
 const current = ref<string>(localStorage.getItem('@preview:current'));
 const currentPreview = ref<Record<string, boolean>>({});
@@ -12,11 +13,13 @@ const defaultPreviews = [
   { name: 'Desktop', device: 'MacBook Pro 16"' },
 ];
 export default defineComponent({
-  components: { Preview },
+  components: { Preview, Documentation },
   setup() {
     const components = inject(COMPONENTS)!;
     const zoom = ref(50);
     const theme = ref<string>('light');
+    const asideOpen = ref(true);
+    const docsAsideOpen = ref(false);
 
     if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
       theme.value = 'dark';
@@ -36,6 +39,7 @@ export default defineComponent({
             ...preview,
           })
         ),
+        docgen: component.docgen,
       }));
 
       options.sort((a, b) => a.name.localeCompare(b.name));
@@ -53,11 +57,23 @@ export default defineComponent({
       return `id=${encodeURIComponent(id)}&name=${encodeURIComponent(name)}`;
     }
 
-    return { options, current, currentPreview, component, zoom, getPreviewId, theme };
+    return {
+      options,
+      current,
+      currentPreview,
+      component,
+      zoom,
+      getPreviewId,
+      theme,
+      asideOpen,
+      docsAsideOpen,
+    };
   },
 });
 
+// @ts-ignore
 if (import.meta.hot) {
+  // @ts-ignore
   import.meta.hot.on('@preview', (event) => {
     if (event.type === 'pick') {
       current.value = event.id;
@@ -68,12 +84,12 @@ if (import.meta.hot) {
 
 <template>
   <div class="dashboard" :class="theme">
-    <aside class="sidebar">
+    <aside class="sidebar" v-show="asideOpen">
       <div class="controls">
         <input type="range" v-model="zoom" min="10" max="200" step="10" list="zoom-levels" />
         <button @click="zoom = 50">50%</button>
         <button @click="zoom = 100">100%</button>
-      </div> 
+      </div>
 
       <section>
         <header class="header">Components</header>
@@ -105,7 +121,7 @@ if (import.meta.hot) {
         </ul>
       </section>
 
-      <div style="flex: 1;"></div>
+      <div style="flex: 1"></div>
       <label>
         <input
           type="checkbox"
@@ -115,6 +131,9 @@ if (import.meta.hot) {
         Dark Mode
       </label>
     </aside>
+    <button @click.prevent="asideOpen = !asideOpen">
+      {{ asideOpen ? '&lt;' : '&gt;' }}
+    </button>
     <main class="previews">
       <template v-if="component">
         <template v-for="preview of component.previews">
@@ -129,10 +148,16 @@ if (import.meta.hot) {
         </template>
       </template>
 
-      <div v-else class="empty-state">
-        Select a component!
-      </div>
+      <div v-else class="empty-state">Select a component!</div>
     </main>
+    <button @click.prevent="docsAsideOpen = !docsAsideOpen">
+      {{ docsAsideOpen ? '&gt;' : '&lt;' }}
+    </button>
+    <Suspense :key="component?.id || 0">
+      <template #default>
+        <Documentation v-show="docsAsideOpen" v-if="component" :docsSupplier="component.docgen" />
+      </template>
+    </Suspense>
   </div>
 </template>
 
diff --git a/packages/preview/browser/components/Documentation.vue b/packages/preview/browser/components/Documentation.vue
new file mode 100644
index 0000000..b8c6400
--- /dev/null
+++ b/packages/preview/browser/components/Documentation.vue
@@ -0,0 +1,30 @@
+<template>
+  <div class="docs">
+    <h2>{{ docValue.displayName }}</h2>
+    <p>{{ docValue.description }}</p>
+    <Props v-if="docValue.props" :props="docValue.props" />
+    <Events v-if="docValue.events" :events="docValue.events" />
+    <Slots v-if="docValue.slots" :slots="docValue.slots" />
+  </div>
+</template>
+
+<script>
+import { ref } from 'vue';
+import Slots from './docsParts/Slots.vue';
+import Events from './docsParts/Events.vue';
+import Props from './docsParts/Props.vue';
+
+export default {
+  components: { Props, Events, Slots },
+  props: {
+    docsSupplier: {
+      type: Function,
+      required: true,
+    },
+  },
+  async setup({ docsSupplier }) {
+    const mod = await docsSupplier();
+    return { docValue: mod.default };
+  },
+};
+</script>
diff --git a/packages/preview/browser/components/Preview.bak.vue b/packages/preview/browser/components/Preview.bak.vue
deleted file mode 100644
index e1a63e2..0000000
--- a/packages/preview/browser/components/Preview.bak.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<script lang="ts">
-import { defineComponent, computed, ref, watch, inject } from 'vue';
-import devices, { DeviceFrame } from '../devices';
-import { ZOOM, THEME } from '../config';
-
-export default defineComponent({
-  props: {
-    name: { type: String, required: true },
-    type: { type: String, required: true },
-    src: { type: String, required: true },
-  },
-  setup(props) {
-    const zoom = ref(50);
-    const theme = inject(THEME);
-    const orientation = ref('portrait');
-    const device = computed<DeviceFrame>(() => devices[props.type]);
-    const scale = computed(() => zoom.value / 100);
-    const backgroundColor = computed(() => (theme.value === 'dark' ? '#000' : '#fff'));
-
-    const screen = computed(() => {
-      const isLandscape = orientation.value === 'landscape';
-      const zoom = scale.value;
-
-      if (device.value) {
-        const { width, height, offset } = device.value;
-
-        if (isLandscape) {
-          return {
-            width: height,
-            height: width,
-            padding: `${offset.right}px ${offset.bottom}px ${offset.left}px ${offset.top}px`,
-          };
-        }
-
-        return {
-          width: width,
-          height: height,
-          padding: `${offset.top}px ${offset.right}px ${offset.bottom}px ${offset.left}px`,
-        };
-      }
-
-      return { width: 400, height: 400, padding: 20 * zoom + 'px' };
-    });
-    const frame = computed(() => {
-      const isLandscape = orientation.value === 'landscape';
-      const zoom = scale.value;
-
-      if (device.value) {
-        const { width, height, offset, frame, screen: clip } = device.value;
-
-        const w = (width + offset.left + offset.right) * zoom + 'px';
-        const h = (height + offset.top + offset.bottom) * zoom + 'px';
-
-        if (isLandscape) {
-          return { width: h, height: w, bg: frame, clip };
-        }
-
-        return { width: w, height: h, bg: frame, clip };
-      }
-
-      return { width: 440 * zoom + 'px', height: 440 * zoom + 'px', bg: '' };
-    });
-
-    return { zoom, orientation, scale, frame, screen, backgroundColor };
-  },
-});
-</script>
-
-<template>
-  <div class="container">
-    <div v-if="name">
-      <a class="name" :href="src" target="_blank">{{ name }}</a>
-    </div>
-    <div class="controls">
-      <button @click="zoom = 25">25%</button>
-      <button @click="zoom = 50">50%</button>
-      <button @click="zoom = 100">100%</button>
-      <button @click="zoom = 150">150%</button>
-    </div>
-    <div class="device" :style="frame">
-      <div
-        style="transform-origin: top left; box-sizing: content-box; background-size: 100% 100%;"
-        :data-bg="frame.bg"
-        :style="{
-          transform: `scale(${scale})`,
-          backgroundImage: `url(${frame.bg})`,
-          padding: screen.padding,
-          width: screen.width + 'px',
-          height: screen.height + 'px',
-        }"
-      >
-        <div :style="{ clipPath: frame.clip ? `url(${frame.clip}#c1)` : null }">
-          <iframe
-            :src="src"
-            :width="screen.width"
-            :height="screen.height"
-            importance="high"
-            loading="lazy"
-            referrerpolicy="unsafe-url"
-            style="border: none;"
-            :style="{ backgroundColor: backgroundColor }"
-          />
-        </div>
-      </div>
-    </div>
-    <div class="device-type">{{ type }}</div>
-  </div>
-</template>
-
-<style scoped>
-.container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 1rem;
-}
-
-.controls {
-  display: flex;
-  flex-direction: row;
-  gap: 0.5rem;
-  margin-top: 0.5rem;
-}
-
-.controls * {
-  cursor: pointer;
-}
-
-.device {
-  margin: 0.5rem 0;
-}
-
-.device-type {
-  font-size: 12px;
-  color: #999;
-}
-
-a.name, a.name:visited {
-  color: inherit;
-  text-decoration: none;
-}
-</style>
diff --git a/packages/preview/browser/components/docsParts/Events.vue b/packages/preview/browser/components/docsParts/Events.vue
new file mode 100644
index 0000000..9fc2a3b
--- /dev/null
+++ b/packages/preview/browser/components/docsParts/Events.vue
@@ -0,0 +1,33 @@
+<template>
+  <h3>Events</h3>
+  <table>
+    <thead>
+      <th>Name</th>
+      <th>Description</th>
+      <th>Properties</th>
+    </thead>
+    <tbody>
+      <tr v-for="event in events" :key="event.name">
+        <td>{{ event.name }}</td>
+        <td>{{ event.description }}</td>
+        <td>
+          <li v-for="property in event.properties">
+            <strong>{{ property.name }}</strong> {{ property.type.names.join('|') }} -
+            {{ property.description }}
+          </li>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</template>
+
+<script>
+export default {
+  props: {
+    events: {
+      type: Array,
+      required: true,
+    },
+  },
+};
+</script>
diff --git a/packages/preview/browser/components/docsParts/Props.vue b/packages/preview/browser/components/docsParts/Props.vue
new file mode 100644
index 0000000..20184cf
--- /dev/null
+++ b/packages/preview/browser/components/docsParts/Props.vue
@@ -0,0 +1,28 @@
+<template>
+  <h3>Props</h3>
+  <table>
+    <thead>
+      <th>Name</th>
+      <th>Description</th>
+      <th>Type</th>
+    </thead>
+    <tbody>
+      <tr v-for="prop in props" :key="prop.name">
+        <td>{{ prop.name }}</td>
+        <td>{{ prop.description }}</td>
+        <td>{{ prop.type.name }}</td>
+      </tr>
+    </tbody>
+  </table>
+</template>
+
+<script>
+export default {
+  props: {
+    props: {
+      type: Array,
+      required: true,
+    },
+  },
+};
+</script>
diff --git a/packages/preview/browser/components/docsParts/Slots.vue b/packages/preview/browser/components/docsParts/Slots.vue
new file mode 100644
index 0000000..947143d
--- /dev/null
+++ b/packages/preview/browser/components/docsParts/Slots.vue
@@ -0,0 +1,26 @@
+<template>
+  <h3>Slots</h3>
+  <table>
+    <thead>
+      <th>Name</th>
+      <th>Description</th>
+    </thead>
+    <tbody>
+      <tr v-for="slot in slots" :key="slot.name">
+        <td>{{ slot.name }}</td>
+        <td>{{ slot.description }}</td>
+      </tr>
+    </tbody>
+  </table>
+</template>
+
+<script>
+export default {
+  props: {
+    slots: {
+      type: Array,
+      required: true,
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/packages/preview/browser/index.html b/packages/preview/browser/index.html
index eeacfac..107505a 100644
--- a/packages/preview/browser/index.html
+++ b/packages/preview/browser/index.html
@@ -23,7 +23,7 @@
       <option value="400"></option>
     </datalist>
 
-    <svg height="0" width="0">
+    <svg height="0" width="0" style="position: absolute;">
       <defs>
         <clipPath id="iPhone-11-Portrait" clipPathUnits="objectBoundingBox">
           <path
diff --git a/packages/preview/browser/types.d.ts b/packages/preview/browser/types.d.ts
index 3b6beac..aebdd2a 100644
--- a/packages/preview/browser/types.d.ts
+++ b/packages/preview/browser/types.d.ts
@@ -1,4 +1,5 @@
 import { Component } from 'vue';
+import { ComponentDoc } from 'vue-docgen-api';
 
 export interface ComponentModule {
   id: string;
@@ -8,6 +9,9 @@ export interface ComponentModule {
   loader: () => Promise<{
     default: Component & { __previews__: ComponentPreview[] };
   }>;
+  docgen: () => Promise<{
+    default: ComponentDoc;
+  }>;
 }
 
 export interface ComponentPreview {
diff --git a/packages/preview/package.json b/packages/preview/package.json
index e743b7c..d776612 100644
--- a/packages/preview/package.json
+++ b/packages/preview/package.json
@@ -30,6 +30,7 @@
     "minimist": "^1.2.5",
     "picomatch": "^2.2.2",
     "quick-lru": "^5.1.1",
-    "vite": "^1.0.0-rc.4"
+    "vite": "^1.0.0-rc.4",
+    "vue-docgen-api": "^4.32.1"
   }
 }
diff --git a/packages/preview/source/cli.ts b/packages/preview/source/cli.ts
index b994435..7704144 100644
--- a/packages/preview/source/cli.ts
+++ b/packages/preview/source/cli.ts
@@ -28,8 +28,8 @@ Options:
 
 export async function run(argv: any) {
   if (argv._[0] && !/^(build|serve)$/i.test(argv._[0])) {
-    argv._[1] = argv._[0]
-    argv._[0] = 'serve'
+    argv._[1] = argv._[0];
+    argv._[0] = 'serve';
   }
 
   const command = argv._[0];
@@ -127,10 +127,11 @@ function patchOptions(options: ResolvedConfig) {
     internal.setup,
   ];
 
-  fs.mkdirSync(path.resolve(process.cwd(), 'node_modules/.preview'), { recursive: true });
+  fs.mkdirSync(path.resolve(rootDir, 'node_modules/.preview'), { recursive: true });
   fs.writeFileSync(internal.setup, '');
   fs.writeFileSync(internal.index, 'export const components = []');
-  options.alias['@preview-auto-setup'] = '/' + path.relative(rootDir, setupFiles.find(fs.existsSync));
+  options.alias['@preview-auto-setup'] =
+    '/' + path.relative(rootDir, setupFiles.find(fs.existsSync));
 
   return options;
 }
diff --git a/packages/preview/source/plugin.ts b/packages/preview/source/plugin.ts
index fd715d5..db2fe8c 100644
--- a/packages/preview/source/plugin.ts
+++ b/packages/preview/source/plugin.ts
@@ -4,6 +4,7 @@ import * as Path from 'path';
 import * as QuickLRU from 'quick-lru';
 import picomatch from 'picomatch';
 import { ServerPlugin } from 'vite';
+import { parse } from 'vue-docgen-api';
 import { CustomBlockTransform } from 'vite/dist/node/transform';
 import { ComponentMetadataStore, resolveCompiler, s } from './store';
 
@@ -107,6 +108,16 @@ function createServerPlugin({
     });
 
     app.use(async (ctx, next) => {
+      // load docgen documentation if asked
+      // for it using .__docgen__ suffix
+      // we use a suffix here to avoid conflicting with standard .vue transform
+      if (/.__docgen__$/.test(ctx.path)) {
+        const componentPath = ctx.path.replace(/.__docgen__/, '').replace(/^\//, '');
+        const docs = await parse(Path.resolve(rootDir, componentPath));
+        ctx.body = `export default ${JSON.stringify(docs)}`;
+        ctx.type = 'js';
+      }
+
       if (/^\/?(\?.*)?$/.test(ctx.path)) {
         ctx.body = templates.dashboardPage;
         ctx.type = 'text/html';
diff --git a/packages/preview/source/store.ts b/packages/preview/source/store.ts
index f34c87b..b05cd5b 100644
--- a/packages/preview/source/store.ts
+++ b/packages/preview/source/store.ts
@@ -10,7 +10,7 @@ export function s(value: any) {
 }
 
 export class ComponentMetadataStore {
-  private components = new Map<string, Omit<ComponentModule, 'loader'>>();
+  private components = new Map<string, Omit<ComponentModule, 'loader' | 'docgen'>>();
   private text: string;
   private cache = new QuickLRU<string, { name: string; device: string }[]>({ maxSize: 1000 });
   constructor(
@@ -22,7 +22,7 @@ export class ComponentMetadataStore {
     }
   ) {}
 
-  get(fileName: string): Readonly<Omit<ComponentModule, 'loader'>> {
+  get(fileName: string): Readonly<Omit<ComponentModule, 'loader' | 'docgen'>> {
     return this.components.get(fileName);
   }
 
@@ -90,6 +90,7 @@ export class ComponentMetadataStore {
             `  name: ${s(component.name)},`,
             `  path: ${s(component.path)},`,
             `  loader: () => import(${s('/' + component.path)}),`,
+            `  docgen: () => import(${s('/' + component.path + '.__docgen__')}),`,
             `  previews: ${s(component.previews)},`,
             `})`,
           ].join('\n')
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fa7c456..26b9984 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -52,6 +52,7 @@ importers:
       picomatch: 2.2.2
       quick-lru: 5.1.1
       vite: 1.0.0-rc.4
+      vue-docgen-api: 4.32.1_vue@3.0.0-rc.5
     devDependencies:
       source-map-support: 0.5.19
       tslib: 2.0.0
@@ -69,7 +70,8 @@ importers:
       typescript: ^3.9.7
       vite: ^1.0.0-rc.4
       vue: ^3.0.0-rc.5
-lockfileVersion: 5.1
+      vue-docgen-api: ^4.32.1
+lockfileVersion: 5.2
 packages:
   /@babel/code-frame/7.10.4:
     dependencies:
@@ -92,6 +94,13 @@ packages:
     hasBin: true
     resolution:
       integrity: sha512-qvRvi4oI8xii8NllyEc4MDJjuZiNaRzyb7Y7lup1NqJV8TZHF4O27CcP+72WPn/k1zkgJ6WJfnIbk4jTsVAZHw==
+  /@babel/parser/7.11.5:
+    dev: false
+    engines:
+      node: '>=6.0.0'
+    hasBin: true
+    resolution:
+      integrity: sha512-X9rD8qqm695vgmeaQ4fvz/o3+Wk4ZzQvSHkDBgpYKxpD4qTAUm88ZKtHkVqIOsYFFbIQ6wQYhC6q7pjqVK0E0Q==
   /@babel/types/7.11.0:
     dependencies:
       '@babel/helper-validator-identifier': 7.10.4
@@ -99,6 +108,14 @@ packages:
       to-fast-properties: 2.0.0
     resolution:
       integrity: sha512-O53yME4ZZI0jO1EVGtF1ePGl0LHirG4P1ibcD80XyzZcKhcMFeCXmh4Xb1ifGBIV233Qg12x4rBfQgA+tmOukA==
+  /@babel/types/7.11.5:
+    dependencies:
+      '@babel/helper-validator-identifier': 7.10.4
+      lodash: 4.17.20
+      to-fast-properties: 2.0.0
+    dev: false
+    resolution:
+      integrity: sha512-bvM7Qz6eKnJVFIn+1LPtjlBFPVN5jNDc1XmN15vWe7Q3DPBufWWsLiIvUu7xW87uTG6QoggpIDnUgLQvPheU+Q==
   /@fullhuman/postcss-purgecss/2.3.0:
     dependencies:
       postcss: 7.0.32
@@ -413,6 +430,16 @@ packages:
       node: ^8.10.0 || ^10.13.0 || >=11.10.1
     resolution:
       integrity: sha512-xn22sQbEya+Utj2IqJHGLA3i1jDzR43RzWupxojbSWnj3nnPLavaQmWe5utw03CwYao3r00qzXfgJMGNkrzrAA==
+  /@vue/compiler-core/3.0.0:
+    dependencies:
+      '@babel/parser': 7.11.5
+      '@babel/types': 7.11.5
+      '@vue/shared': 3.0.0
+      estree-walker: 2.0.1
+      source-map: 0.6.1
+    dev: false
+    resolution:
+      integrity: sha512-XqPC7vdv4rFE77S71oCHmT1K4Ks3WE2Gi6Lr4B5wn0Idmp+NyQQBUHsCNieMDRiEpgtJrw+yOHslrsV0AfAsfQ==
   /@vue/compiler-core/3.0.0-rc.5:
     dependencies:
       '@babel/parser': 7.11.0
@@ -422,6 +449,13 @@ packages:
       source-map: 0.6.1
     resolution:
       integrity: sha512-dNz5AObEYg0Oglw3emIsBhTAOVfObrfxDaAzR0UTRDDq+Ohfr6KTSaVQAH88Ym+oa08ZlLZBFc6ARe9doAOIxg==
+  /@vue/compiler-dom/3.0.0:
+    dependencies:
+      '@vue/compiler-core': 3.0.0
+      '@vue/shared': 3.0.0
+    dev: false
+    resolution:
+      integrity: sha512-ukDEGOP8P7lCPyStuM3F2iD5w2QPgUu2xwCW2XNeqPjFKIlR2xMsWjy4raI/cLjN6W16GtlMFaZdK8tLj5PRog==
   /@vue/compiler-dom/3.0.0-rc.5:
     dependencies:
       '@vue/compiler-core': 3.0.0-rc.5
@@ -452,6 +486,37 @@ packages:
       vue: 3.0.0-rc.5
     resolution:
       integrity: sha512-huoIFEfFCJxHcpoByAUQti7CIwJdHPLJXKuy2HG7J1B+IEKugtBdF50CLH35ZD8dWM0nyOMFFqTbO7i6CCjL3Q==
+  /@vue/compiler-sfc/3.0.0_vue@3.0.0-rc.5:
+    dependencies:
+      '@babel/parser': 7.11.5
+      '@babel/types': 7.11.5
+      '@vue/compiler-core': 3.0.0
+      '@vue/compiler-dom': 3.0.0
+      '@vue/compiler-ssr': 3.0.0
+      '@vue/shared': 3.0.0
+      consolidate: 0.16.0
+      estree-walker: 2.0.1
+      hash-sum: 2.0.0
+      lru-cache: 5.1.1
+      magic-string: 0.25.7
+      merge-source-map: 1.1.0
+      postcss: 7.0.34
+      postcss-modules: 3.2.2
+      postcss-selector-parser: 6.0.3
+      source-map: 0.6.1
+      vue: 3.0.0-rc.5
+    dev: false
+    peerDependencies:
+      vue: 3.0.0
+    resolution:
+      integrity: sha512-1Bn4L5jNRm6tlb79YwqYUGGe+Yc9PRoRSJi67NJX6icdhf84+tRMtESbx1zCLL9QixQXu2+7aLkXHxvh4RpqAA==
+  /@vue/compiler-ssr/3.0.0:
+    dependencies:
+      '@vue/compiler-dom': 3.0.0
+      '@vue/shared': 3.0.0
+    dev: false
+    resolution:
+      integrity: sha512-Er41F9ZFyKB3YnNbE6JSTIGCVWve3NAQimgDOk4uP42OnckxBYKGBTutDeFNeqUZBMu/9vRHYrxlGFC9Z5jBVQ==
   /@vue/compiler-ssr/3.0.0-rc.5:
     dependencies:
       '@vue/compiler-dom': 3.0.0-rc.5
@@ -477,6 +542,10 @@ packages:
       csstype: 2.6.13
     resolution:
       integrity: sha512-0jwpO3MBqMToq7qC816Z8Y6G8aN4ZKbv7MupgRaepzxhiK0sXcjLQmOATP3g/NyX52UCBJS4wAwsxidqGnAabA==
+  /@vue/shared/3.0.0:
+    dev: false
+    resolution:
+      integrity: sha512-4XWL/avABGxU2E2ZF1eZq3Tj7fvksCMssDZUHOykBIMmh5d+KcAnQMC5XHMhtnA0NAvktYsA2YpdsVwVmhWzvA==
   /@vue/shared/3.0.0-rc.5:
     resolution:
       integrity: sha512-ZhcgGzBpp+pUzisZgQpM4ctIGgLpYjBj7/rZfbhEPxFHF/BuTV2jmhXvAl8aF9xDAejIcw85xCy92gDSwKtPag==
@@ -517,6 +586,13 @@ packages:
     hasBin: true
     resolution:
       integrity: sha512-tLc0wSnatxAQHVHUapaHdz72pi9KUyHjq5KyHjGg9Y8Ifdc79pTh2XvI6I1/chZbnM7QtNKzh66ooDogPZSleA==
+  /acorn/7.4.0:
+    dev: false
+    engines:
+      node: '>=0.4.0'
+    hasBin: true
+    resolution:
+      integrity: sha512-+G7P8jJmCHr+S+cLfQxygbWhXy+8YTVGzAkpEbcLo2mLoL7tij/VG41QSHACSf5QgYRhMZYHuNc6drJaO0Da+w==
   /aggregate-error/3.0.1:
     dependencies:
       clean-stack: 2.2.0
@@ -618,6 +694,20 @@ packages:
       node: '>= 0.4'
     resolution:
       integrity: sha512-gBlRZV0VSmfPIeWfuuy56XZMvbVfbEUnOXUvt3F/eUUUSyzlgLxhEX4YAEpxNAogRGehPSnfXyPtYyKAhkzQhQ==
+  /asap/2.0.6:
+    dev: false
+    resolution:
+      integrity: sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
+  /assert-never/1.2.1:
+    dev: false
+    resolution:
+      integrity: sha512-TaTivMB6pYI1kXwrFlEhLeGfOqoDNdTxjCdwRfFFkEA30Eu+k48W34nlok2EYWJfFFzqaEmichdNM7th6M5HNw==
+  /ast-types/0.13.3:
+    dev: false
+    engines:
+      node: '>=4'
+    resolution:
+      integrity: sha512-XTZ7xGML849LkQP86sWdQzfhwbt3YwIO6MqbX9mUNYY98VKaaVZP7YNNm70IpwecbkkxmfC5IYAzOQ/2p29zRA==
   /astral-regex/1.0.0:
     dev: true
     engines:
@@ -649,6 +739,14 @@ packages:
     hasBin: true
     resolution:
       integrity: sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg==
+  /babel-walk/3.0.0-canary-5:
+    dependencies:
+      '@babel/types': 7.11.5
+    dev: false
+    engines:
+      node: '>= 10.0.0'
+    resolution:
+      integrity: sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==
   /balanced-match/1.0.0:
     resolution:
       integrity: sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
@@ -763,6 +861,12 @@ packages:
       node: '>= 6'
     resolution:
       integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+  /camelcase/5.3.1:
+    dev: false
+    engines:
+      node: '>=6'
+    resolution:
+      integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
   /caniuse-lite/1.0.30001109:
     dev: false
     resolution:
@@ -793,6 +897,12 @@ packages:
       node: '>=10'
     resolution:
       integrity: sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==
+  /character-parser/2.2.0:
+    dependencies:
+      is-regex: 1.1.1
+    dev: false
+    resolution:
+      integrity: sha1-x84o821LzZdE5f/CxfzeHHMmH8A=
   /chokidar/3.4.1:
     dependencies:
       anymatch: 3.1.1
@@ -925,6 +1035,21 @@ packages:
       node: '>= 0.10.0'
     resolution:
       integrity: sha512-DW46nrsMJgy9kqAbPt5rKaCr7uFtpo4mSUvLHIUbJEjm0vo+aY5QLwBUq3FK4tRnJr/X0Psc0C4jf/h+HtXSMw==
+  /consolidate/0.16.0:
+    dependencies:
+      bluebird: 3.7.2
+    dev: false
+    engines:
+      node: '>= 0.10.0'
+    resolution:
+      integrity: sha512-Nhl1wzCslqXYTJVDyJCu3ODohy9OfBMB5uD2BiBTzd7w+QY0lBzafkR8y8755yMYHAaMD4NuzbAw03/xzfw+eQ==
+  /constantinople/4.0.1:
+    dependencies:
+      '@babel/parser': 7.11.5
+      '@babel/types': 7.11.5
+    dev: false
+    resolution:
+      integrity: sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==
   /contains-path/0.1.0:
     dev: true
     engines:
@@ -1119,6 +1244,10 @@ packages:
       node: '>=6.0.0'
     resolution:
       integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  /doctypes/1.1.0:
+    dev: false
+    resolution:
+      integrity: sha1-6oCxBqh1OHdOijpKWv4pPeSJ4Kk=
   /dotenv-expand/5.1.0:
     dev: false
     resolution:
@@ -1743,7 +1872,6 @@ packages:
     resolution:
       integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
   /has-symbols/1.0.1:
-    dev: true
     engines:
       node: '>= 0.4'
     resolution:
@@ -1756,6 +1884,10 @@ packages:
       node: '>= 0.4.0'
     resolution:
       integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
+  /hash-sum/1.0.2:
+    dev: false
+    resolution:
+      integrity: sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=
   /hash-sum/2.0.0:
     dev: false
     resolution:
@@ -1857,7 +1989,7 @@ packages:
       integrity: sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=
   /icss-utils/4.1.1:
     dependencies:
-      postcss: 7.0.32
+      postcss: 7.0.34
     dev: false
     engines:
       node: '>= 6'
@@ -1980,6 +2112,13 @@ packages:
       node: '>=8'
     resolution:
       integrity: sha512-pJEdRugimx4fBMra5z2/5iRdZ63OhYV0vr0Dwm5+xtW4D1FvRkB8hamMIhnWfyJeDdyr/aa7BDyNbtG38VxgoQ==
+  /is-expression/4.0.0:
+    dependencies:
+      acorn: 7.4.0
+      object-assign: 4.1.1
+    dev: false
+    resolution:
+      integrity: sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==
   /is-extglob/2.1.1:
     engines:
       node: '>=0.10.0'
@@ -2031,6 +2170,10 @@ packages:
       node: '>=0.10.0'
     resolution:
       integrity: sha1-PkcprB9f3gJc19g6iW2rn09n2w8=
+  /is-promise/2.2.2:
+    dev: false
+    resolution:
+      integrity: sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==
   /is-reference/1.2.1:
     dependencies:
       '@types/estree': 0.0.45
@@ -2045,6 +2188,14 @@ packages:
       node: '>= 0.4'
     resolution:
       integrity: sha512-iI97M8KTWID2la5uYXlkbSDQIg4F6o1sYboZKKTDpnDQMLtUL86zxhgDet3Q2SriaYsyGqZ6Mn2SjbRKeLHdqw==
+  /is-regex/1.1.1:
+    dependencies:
+      has-symbols: 1.0.1
+    dev: false
+    engines:
+      node: '>= 0.4'
+    resolution:
+      integrity: sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==
   /is-regexp/1.0.0:
     dev: true
     engines:
@@ -2104,6 +2255,10 @@ packages:
       node: '>= 6'
     resolution:
       integrity: sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==
+  /js-stringify/1.0.2:
+    dev: false
+    resolution:
+      integrity: sha1-Fzb939lyTyijaCrcYjCufk6Weds=
   /js-tokens/4.0.0:
     resolution:
       integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
@@ -2144,6 +2299,13 @@ packages:
       graceful-fs: 4.2.4
     resolution:
       integrity: sha512-jR2b5v7d2vIOust+w3wtFKZIfpC2pnRmFAhAC/BuweZFQR8qZzxH1OyrQ10HmdVYiXWkYUqPVsz91cG7EL2FBg==
+  /jstransformer/1.0.0:
+    dependencies:
+      is-promise: 2.2.2
+      promise: 7.3.1
+    dev: false
+    resolution:
+      integrity: sha1-7Yvwkh4vPx7U1cGkT2hwntJHIsM=
   /keygrip/1.1.0:
     dependencies:
       tsscmp: 1.0.6
@@ -2342,6 +2504,10 @@ packages:
   /lodash/4.17.19:
     resolution:
       integrity: sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
+  /lodash/4.17.20:
+    dev: false
+    resolution:
+      integrity: sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==
   /log-symbols/3.0.0:
     dependencies:
       chalk: 2.4.2
@@ -2369,6 +2535,13 @@ packages:
       node: '>=10'
     resolution:
       integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==
+  /lru-cache/4.1.5:
+    dependencies:
+      pseudomap: 1.0.2
+      yallist: 2.1.2
+    dev: false
+    resolution:
+      integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
   /lru-cache/5.1.1:
     dependencies:
       yallist: 3.1.1
@@ -2858,7 +3031,7 @@ packages:
       integrity: sha512-4pV3JJVPLd5+RueiVVB+gFOAa7GWc25XQcMp86Zexzke69mKf6Nx9LRcQywdz7yZI9n1udOxmLuAwTBypypF8Q==
   /postcss-modules-extract-imports/2.0.0:
     dependencies:
-      postcss: 7.0.32
+      postcss: 7.0.34
     dev: false
     engines:
       node: '>= 6'
@@ -2867,8 +3040,8 @@ packages:
   /postcss-modules-local-by-default/3.0.3:
     dependencies:
       icss-utils: 4.1.1
-      postcss: 7.0.32
-      postcss-selector-parser: 6.0.2
+      postcss: 7.0.34
+      postcss-selector-parser: 6.0.3
       postcss-value-parser: 4.1.0
     dev: false
     engines:
@@ -2877,8 +3050,8 @@ packages:
       integrity: sha512-e3xDq+LotiGesympRlKNgaJ0PCzoUIdpH0dj47iWAui/kyTgh3CiAr1qP54uodmJhl6p9rN6BoNcdEDVJx9RDw==
   /postcss-modules-scope/2.2.0:
     dependencies:
-      postcss: 7.0.32
-      postcss-selector-parser: 6.0.2
+      postcss: 7.0.34
+      postcss-selector-parser: 6.0.3
     dev: false
     engines:
       node: '>= 6'
@@ -2887,7 +3060,7 @@ packages:
   /postcss-modules-values/3.0.0:
     dependencies:
       icss-utils: 4.1.1
-      postcss: 7.0.32
+      postcss: 7.0.34
     dev: false
     resolution:
       integrity: sha512-1//E5jCBrZ9DmRX+zCtmQtRSV6PV42Ix7Bzj9GbwJceduuf7IqP8MgeTXuRDHOWj2m0VzZD5+roFWDuU8RQjcg==
@@ -2905,6 +3078,20 @@ packages:
     dev: false
     resolution:
       integrity: sha512-ceodlVbBypGD3R7EI1xM7gz28J0syaXq0VKd7rJVXVlOSkxUIRBRJQjBgpoKnKVFNAcCjtLVgZqBA3mUNntWPA==
+  /postcss-modules/3.2.2:
+    dependencies:
+      generic-names: 2.0.1
+      icss-replace-symbols: 1.1.0
+      lodash.camelcase: 4.3.0
+      postcss: 7.0.34
+      postcss-modules-extract-imports: 2.0.0
+      postcss-modules-local-by-default: 3.0.3
+      postcss-modules-scope: 2.2.0
+      postcss-modules-values: 3.0.0
+      string-hash: 1.1.3
+    dev: false
+    resolution:
+      integrity: sha512-JQ8IAqHELxC0N6tyCg2UF40pACY5oiL6UpiqqcIFRWqgDYO8B0jnxzoQ0EOpPrWXvcpu6BSbQU/3vSiq7w8Nhw==
   /postcss-nested/4.2.3:
     dependencies:
       postcss: 7.0.32
@@ -2922,6 +3109,17 @@ packages:
       node: '>=4'
     resolution:
       integrity: sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==
+  /postcss-selector-parser/6.0.3:
+    dependencies:
+      cssesc: 3.0.0
+      indexes-of: 1.0.1
+      uniq: 1.0.1
+      util-deprecate: 1.0.2
+    dev: false
+    engines:
+      node: '>=4'
+    resolution:
+      integrity: sha512-0ClFaY4X1ra21LRqbW6y3rUbWcxnSVkDFG57R7Nxus9J9myPFlv+jYDMohzpkBx0RrjjiqjtycpchQ+PLGmZ9w==
   /postcss-value-parser/3.3.1:
     dev: false
     resolution:
@@ -2950,6 +3148,16 @@ packages:
       node: '>=6.0.0'
     resolution:
       integrity: sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==
+  /postcss/7.0.34:
+    dependencies:
+      chalk: 2.4.2
+      source-map: 0.6.1
+      supports-color: 6.1.0
+    dev: false
+    engines:
+      node: '>=6.0.0'
+    resolution:
+      integrity: sha512-H/7V2VeNScX9KE83GDrDZNiGT1m2H+UTnlinIzhjlLX9hfMUn1mHNnGeX81a1c8JSBdBvqk7c2ZOG6ZPn5itGw==
   /prelude-ls/1.2.1:
     dev: true
     engines:
@@ -2969,12 +3177,119 @@ packages:
       node: '>= 0.8'
     resolution:
       integrity: sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=
+  /private/0.1.8:
+    dev: false
+    engines:
+      node: '>= 0.6'
+    resolution:
+      integrity: sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==
   /progress/2.0.3:
     dev: true
     engines:
       node: '>=0.4.0'
     resolution:
       integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+  /promise/7.3.1:
+    dependencies:
+      asap: 2.0.6
+    dev: false
+    resolution:
+      integrity: sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==
+  /pseudomap/1.0.2:
+    dev: false
+    resolution:
+      integrity: sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
+  /pug-attrs/3.0.0:
+    dependencies:
+      constantinople: 4.0.1
+      js-stringify: 1.0.2
+      pug-runtime: 3.0.0
+    dev: false
+    resolution:
+      integrity: sha512-azINV9dUtzPMFQktvTXciNAfAuVh/L/JCl0vtPCwvOA21uZrC08K/UnmrL+SXGEVc1FwzjW62+xw5S/uaLj6cA==
+  /pug-code-gen/3.0.1:
+    dependencies:
+      constantinople: 4.0.1
+      doctypes: 1.1.0
+      js-stringify: 1.0.2
+      pug-attrs: 3.0.0
+      pug-error: 2.0.0
+      pug-runtime: 3.0.0
+      void-elements: 3.1.0
+      with: 7.0.2
+    dev: false
+    resolution:
+      integrity: sha512-xJIGvmXTQlkJllq6hqxxjRWcay2F9CU69TuAuiVZgHK0afOhG5txrQOcZyaPHBvSWCU/QQOqEp5XCH94rRZpBQ==
+  /pug-error/2.0.0:
+    dev: false
+    resolution:
+      integrity: sha512-sjiUsi9M4RAGHktC1drQfCr5C5eriu24Lfbt4s+7SykztEOwVZtbFk1RRq0tzLxcMxMYTBR+zMQaG07J/btayQ==
+  /pug-filters/4.0.0:
+    dependencies:
+      constantinople: 4.0.1
+      jstransformer: 1.0.0
+      pug-error: 2.0.0
+      pug-walk: 2.0.0
+      resolve: 1.17.0
+    dev: false
+    resolution:
+      integrity: sha512-yeNFtq5Yxmfz0f9z2rMXGw/8/4i1cCFecw/Q7+D0V2DdtII5UvqE12VaZ2AY7ri6o5RNXiweGH79OCq+2RQU4A==
+  /pug-lexer/5.0.0:
+    dependencies:
+      character-parser: 2.2.0
+      is-expression: 4.0.0
+      pug-error: 2.0.0
+    dev: false
+    resolution:
+      integrity: sha512-52xMk8nNpuyQ/M2wjZBN5gXQLIylaGkAoTk5Y1pBhVqaopaoj8Z0iVzpbFZAqitL4RHNVDZRnJDsqEYe99Ti0A==
+  /pug-linker/4.0.0:
+    dependencies:
+      pug-error: 2.0.0
+      pug-walk: 2.0.0
+    dev: false
+    resolution:
+      integrity: sha512-gjD1yzp0yxbQqnzBAdlhbgoJL5qIFJw78juN1NpTLt/mfPJ5VgC4BvkoD3G23qKzJtIIXBbcCt6FioLSFLOHdw==
+  /pug-load/3.0.0:
+    dependencies:
+      object-assign: 4.1.1
+      pug-walk: 2.0.0
+    dev: false
+    resolution:
+      integrity: sha512-OCjTEnhLWZBvS4zni/WUMjH2YSUosnsmjGBB1An7CsKQarYSWQ0GCVyd4eQPMFJqZ8w9xgs01QdiZXKVjk92EQ==
+  /pug-parser/6.0.0:
+    dependencies:
+      pug-error: 2.0.0
+      token-stream: 1.0.0
+    dev: false
+    resolution:
+      integrity: sha512-ukiYM/9cH6Cml+AOl5kETtM9NR3WulyVP2y4HOU45DyMim1IeP/OOiyEWRr6qk5I5klpsBnbuHpwKmTx6WURnw==
+  /pug-runtime/3.0.0:
+    dev: false
+    resolution:
+      integrity: sha512-GoEPcmQNnaTsePEdVA05bDpY+Op5VLHKayg08AQiqJBWU/yIaywEYv7TetC5dEQS3fzBBoyb2InDcZEg3mPTIA==
+  /pug-strip-comments/2.0.0:
+    dependencies:
+      pug-error: 2.0.0
+    dev: false
+    resolution:
+      integrity: sha512-zo8DsDpH7eTkPHCXFeAk1xZXJbyoTfdPlNR0bK7rpOMuhBYb0f5qUVCO1xlsitYd3w5FQTK7zpNVKb3rZoUrrQ==
+  /pug-walk/2.0.0:
+    dev: false
+    resolution:
+      integrity: sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ==
+  /pug/3.0.0:
+    dependencies:
+      pug-code-gen: 3.0.1
+      pug-filters: 4.0.0
+      pug-lexer: 5.0.0
+      pug-linker: 4.0.0
+      pug-load: 3.0.0
+      pug-parser: 6.0.0
+      pug-runtime: 3.0.0
+      pug-strip-comments: 2.0.0
+    dev: false
+    resolution:
+      integrity: sha512-inmsJyFBSHZaiGLaguoFgJGViX0If6AcfcElimvwj9perqjDpUpw79UIEDZbWFmoGVidh08aoE+e8tVkjVJPCw==
   /pump/3.0.0:
     dependencies:
       end-of-stream: 1.4.4
@@ -3036,6 +3351,17 @@ packages:
       node: '>=8.10.0'
     resolution:
       integrity: sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==
+  /recast/0.19.1:
+    dependencies:
+      ast-types: 0.13.3
+      esprima: 4.0.1
+      private: 0.1.8
+      source-map: 0.6.1
+    dev: false
+    engines:
+      node: '>= 4'
+    resolution:
+      integrity: sha512-8FCjrBxjeEU2O6I+2hyHyBFH1siJbMBLwIRvVr1T3FD2cL754sOaJDsJ/8h3xYltasbJ8jqWRIhMuDGBSiSbjw==
   /reduce-css-calc/2.1.7:
     dependencies:
       css-unit-converter: 1.1.2
@@ -3543,6 +3869,14 @@ packages:
       node: '>=0.6'
     resolution:
       integrity: sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==
+  /token-stream/1.0.0:
+    dev: false
+    resolution:
+      integrity: sha1-zCAOqyYT9BZtJ/+a/HylbUnfbrQ=
+  /ts-map/1.0.3:
+    dev: false
+    resolution:
+      integrity: sha512-vDWbsl26LIcPGmDpoVzjEP6+hvHZkBkLW7JpvwbCv/5IYPJlsbzCVXY3wsCeAxAUeTclNOUZxnLdGh3VBD/J6w==
   /tsconfig-paths/3.9.0:
     dependencies:
       '@types/json5': 0.0.29
@@ -3638,6 +3972,10 @@ packages:
     dev: true
     resolution:
       integrity: sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==
+  /util-deprecate/1.0.2:
+    dev: false
+    resolution:
+      integrity: sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
   /v8-compile-cache/2.1.1:
     dev: true
     resolution:
@@ -3713,6 +4051,30 @@ packages:
     hasBin: true
     resolution:
       integrity: sha512-D9gpKKaE2U0YpIxNrSn+nlFPBT0sfg68Y1EReYW8YHMhbNFcxwS7RZIa1W/8Pq6yDfVRAhbOZNijv1mLG5pCEg==
+  /void-elements/3.1.0:
+    dev: false
+    engines:
+      node: '>=0.10.0'
+    resolution:
+      integrity: sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=
+  /vue-docgen-api/4.32.1_vue@3.0.0-rc.5:
+    dependencies:
+      '@babel/parser': 7.11.5
+      '@babel/types': 7.11.5
+      '@vue/compiler-dom': 3.0.0
+      '@vue/compiler-sfc': 3.0.0_vue@3.0.0-rc.5
+      ast-types: 0.13.3
+      hash-sum: 1.0.2
+      lru-cache: 4.1.5
+      pug: 3.0.0
+      recast: 0.19.1
+      ts-map: 1.0.3
+      vue-inbrowser-compiler-utils: 4.32.1
+    dev: false
+    peerDependencies:
+      vue: '*'
+    resolution:
+      integrity: sha512-N9xI2OZ+0aZgJrHzTEkNCOu2EBGUWkofJIVMZCQ9Z/IrMsEoezWGQ17qkcqlLpxepgl4NCjPBNZqqb6TZCCMlA==
   /vue-eslint-parser/7.1.0_eslint@7.5.0:
     dependencies:
       debug: 4.1.1
@@ -3729,6 +4091,12 @@ packages:
       eslint: '>=5.0.0'
     resolution:
       integrity: sha512-Kr21uPfthDc63nDl27AGQEhtt9VrZ9nkYk/NTftJ2ws9XiJwzJJCnCr3AITQ2jpRMA0XPGDECxYH8E027qMK9Q==
+  /vue-inbrowser-compiler-utils/4.32.1:
+    dependencies:
+      camelcase: 5.3.1
+    dev: false
+    resolution:
+      integrity: sha512-IL8rBV3lCyHErqD8sBdQhWz3zJ/wLzG6JfoSzZ3K6HShS5QqIQfJN0GESvzIos6EGvmtByEf4TTJnjm12b51VQ==
   /vue/3.0.0-rc.5:
     dependencies:
       '@vue/compiler-dom': 3.0.0-rc.5
@@ -3754,6 +4122,17 @@ packages:
     hasBin: true
     resolution:
       integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  /with/7.0.2:
+    dependencies:
+      '@babel/parser': 7.11.5
+      '@babel/types': 7.11.5
+      assert-never: 1.2.1
+      babel-walk: 3.0.0-canary-5
+    dev: false
+    engines:
+      node: '>= 10.0.0'
+    resolution:
+      integrity: sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==
   /word-wrap/1.2.3:
     dev: true
     engines:
@@ -3801,6 +4180,10 @@ packages:
       node: '>=0.4'
     resolution:
       integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
+  /yallist/2.1.2:
+    dev: false
+    resolution:
+      integrity: sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=
   /yallist/3.1.1:
     dev: false
     resolution: