index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=1000">
    <title>Vue Diff</title>
    <meta name="description" content="VueJS diff viewer plugin" />
    <meta property="og:title" content="Vue Diff" />
    <meta property="og:description" content="VueJS diff viewer plugin" />
    <meta name="keywords" content="Vue diff, VueJS diff, Vue diff plugin, VueJS diff plugin, Vue diff viewer, VueJS diff viewer, diff viewer" />
    <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
    <meta name="google-site-verification" content="u7XrdGhKnDkPIIw867fVSCqMet0sjBwyu5aYpy8stuQ" />
  </head>
  <body class="bg-gray-900">
    <div class="p-12">
      <div class="text-3xl font-extrabold text-gray-100">
        <h1 class="inline-block">Vue Diff</h1>
        <!-- Place this tag where you want the button to render. -->
        <span style="display: inline-block; line-height: 0; margin: -4px 0 0 10px; vertical-align: middle; font-size: 0;">
          <a class="github-button" href="https://github.com/hoiheart/vue-diff" data-color-scheme="no-preference: dark; light: dark; dark: dark;" data-size="large" data-show-count="true" aria-label="Star hoiheart/vue-diff on GitHub">Star</a>
        </span>
      </div>
      <div id="app"></div>
    </div>
    <script type="module" src="/dev/main.ts"></script>
    <script async defer src="https://buttons.github.io/buttons.js"></script>
  </body>
</html>