In Astro

This package works well with static site generators such as Astro: the page remains static while a small client-side script displays a different tidbit on each navigation or reload without any extra dependencies.

<div id="tidbit"></div>

<script>
  import { renderRandomTidbit } from 'random-tidbit';
  import tidbits from '../assets/data/tidbits.json';

  renderRandomTidbit({
    target: '#tidbit',
    tidbits,
  });
</script>