Brave Gist Embed Example

BraveGistEmbed.vue

<template>
  <main class="flex-1 lg:p-16">
    <div class="py-6">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8">
        <h1 class="text-4xl font-semibold mb-10">
          <i class="bi me-2 bi-github"></i>
          Brave Gist Embed
        </h1>
        <p>
          You can use this Component to embed Github Gist, right now it solves
          the problem which one faces while using the script tag embed code
          given by Gist.
        </p>

        <h2 class="text-2xl mt-7 mb-4">Example</h2>
        <p>The following is an Embed by BraveGistEmbed component</p>
        <BraveGistEmbed
          class="my-10"
          url="https://gist.github.com/shishirraven/de437adec76659671c4b6d2d45630375"
        />
      </div>
      <hr />
    </div>
  </main>
</template>

<script>
import { BraveGistEmbed } from "bravevue";
export default {
  components: { BraveGistEmbed },
};
</script>