import { component$ } from '@qwik.dev/core';
import { Link } from '@qwik.dev/router';
import Counter1 from '~/components/generated/counter1';
import Counter2 from '~/components/generated/counter2';
import Counter3 from '~/components/generated/counter3';
import Counter4 from '~/components/generated/counter4';
import Counter5 from '~/components/generated/counter5';
import Counter6 from '~/components/generated/counter6';
import Counter7 from '~/components/generated/counter7';
import Counter8 from '~/components/generated/counter8';
import Counter9 from '~/components/generated/counter9';
import Counter10 from '~/components/generated/counter10';
import Counter11 from '~/components/generated/counter11';
import Counter12 from '~/components/generated/counter12';
import Counter13 from '~/components/generated/counter13';
import Counter14 from '~/components/generated/counter14';
import Counter15 from '~/components/generated/counter15';
import Counter16 from '~/components/generated/counter16';
import Counter17 from '~/components/generated/counter17';
import Counter18 from '~/components/generated/counter18';
import Counter19 from '~/components/generated/counter19';
import Counter20 from '~/components/generated/counter20';
import Counter21 from '~/components/generated/counter21';
import Counter22 from '~/components/generated/counter22';
import Counter23 from '~/components/generated/counter23';
import Counter24 from '~/components/generated/counter24';
import Counter25 from '~/components/generated/counter25';
import Counter26 from '~/components/generated/counter26';
import Counter27 from '~/components/generated/counter27';
import Counter28 from '~/components/generated/counter28';
import Counter29 from '~/components/generated/counter29';
import Counter30 from '~/components/generated/counter30';
import Counter31 from '~/components/generated/counter31';
import Counter32 from '~/components/generated/counter32';
import Counter33 from '~/components/generated/counter33';
import Counter34 from '~/components/generated/counter34';
import Counter35 from '~/components/generated/counter35';
import Counter36 from '~/components/generated/counter36';
import Counter37 from '~/components/generated/counter37';
import Counter38 from '~/components/generated/counter38';
import Counter39 from '~/components/generated/counter39';
import Counter40 from '~/components/generated/counter40';
import Counter41 from '~/components/generated/counter41';
import Counter42 from '~/components/generated/counter42';
import Counter43 from '~/components/generated/counter43';
import Counter44 from '~/components/generated/counter44';
import Counter45 from '~/components/generated/counter45';
import Counter46 from '~/components/generated/counter46';
import Counter47 from '~/components/generated/counter47';
import Counter48 from '~/components/generated/counter48';
import Counter49 from '~/components/generated/counter49';
import Counter50 from '~/components/generated/counter50';
import Counter51 from '~/components/generated/counter51';
import Counter52 from '~/components/generated/counter52';
import Counter53 from '~/components/generated/counter53';
import Counter54 from '~/components/generated/counter54';
import Counter55 from '~/components/generated/counter55';
import Counter56 from '~/components/generated/counter56';
import Counter57 from '~/components/generated/counter57';
import Counter58 from '~/components/generated/counter58';
import Counter59 from '~/components/generated/counter59';
import Counter60 from '~/components/generated/counter60';
import Counter61 from '~/components/generated/counter61';
import Counter62 from '~/components/generated/counter62';
import Counter63 from '~/components/generated/counter63';
import Counter64 from '~/components/generated/counter64';
import Counter65 from '~/components/generated/counter65';
import Counter66 from '~/components/generated/counter66';
import Counter67 from '~/components/generated/counter67';
import Counter68 from '~/components/generated/counter68';
import Counter69 from '~/components/generated/counter69';
import Counter70 from '~/components/generated/counter70';
import Counter71 from '~/components/generated/counter71';
import Counter72 from '~/components/generated/counter72';
import Counter73 from '~/components/generated/counter73';
import Counter74 from '~/components/generated/counter74';
import Counter75 from '~/components/generated/counter75';
import Counter76 from '~/components/generated/counter76';
import Counter77 from '~/components/generated/counter77';
import Counter78 from '~/components/generated/counter78';
import Counter79 from '~/components/generated/counter79';
import Counter80 from '~/components/generated/counter80';
import Counter81 from '~/components/generated/counter81';
import Counter82 from '~/components/generated/counter82';
import Counter83 from '~/components/generated/counter83';
import Counter84 from '~/components/generated/counter84';
import Counter85 from '~/components/generated/counter85';
import Counter86 from '~/components/generated/counter86';
import Counter87 from '~/components/generated/counter87';
import Counter88 from '~/components/generated/counter88';
import Counter89 from '~/components/generated/counter89';
import Counter90 from '~/components/generated/counter90';
import Counter91 from '~/components/generated/counter91';
import Counter92 from '~/components/generated/counter92';
import Counter93 from '~/components/generated/counter93';
import Counter94 from '~/components/generated/counter94';
import Counter95 from '~/components/generated/counter95';
import Counter96 from '~/components/generated/counter96';
import Counter97 from '~/components/generated/counter97';
import Counter98 from '~/components/generated/counter98';
import Counter99 from '~/components/generated/counter99';
import Counter100 from '~/components/generated/counter100';
import ShowDynamic from '~/components/generated/show-dynamic';

export default component$(() => {
  return (
    <div>
      <h1>Counters</h1>
      <p>
        This page has 100 counters. Each counter is a separate component that is preloaded. You can
        click on the "Say what?" button to see a reprio of the say-what bundle and its transitive
        dependencies.
      </p>
      <br />
      <Counter1 />
      <Counter2 />
      <Counter3 />
      <ShowDynamic />
      <Counter4 />
      <Counter5 />
      <Counter6 />
      <Counter7 />
      <Counter8 />
      <Counter9 />
      <Counter10 />
      <Counter11 />
      <Counter12 />
      <Counter13 />
      <Counter14 />
      <Counter15 />
      <Counter16 />
      <Counter17 />
      <Counter18 />
      <Counter19 />
      <Counter20 />
      <Counter21 />
      <Counter22 />
      <Counter23 />
      <Counter24 />
      <Counter25 />
      <Counter26 />
      <Counter27 />
      <Counter28 />
      <Counter29 />
      <Counter30 />
      <Counter31 />
      <Counter32 />
      <Counter33 />
      <Counter34 />
      <Counter35 />
      <Counter36 />
      <Counter37 />
      <Counter38 />
      <Counter39 />
      <Counter40 />
      <Counter41 />
      <Counter42 />
      <Counter43 />
      <Counter44 />
      <Counter45 />
      <Counter46 />
      <Counter47 />
      <Counter48 />
      <Counter49 />
      <Counter50 />
      <Counter51 />
      <Counter52 />
      <Counter53 />
      <Counter54 />
      <Counter55 />
      <Counter56 />
      <Counter57 />
      <Counter58 />
      <Counter59 />
      <Counter60 />
      <Counter61 />
      <Counter62 />
      <Counter63 />
      <Counter64 />
      <Counter65 />
      <Counter66 />
      <Counter67 />
      <Counter68 />
      <Counter69 />
      <Counter70 />
      <Counter71 />
      <Counter72 />
      <Counter73 />
      <Counter74 />
      <Counter75 />
      <Counter76 />
      <Counter77 />
      <Counter78 />
      <Counter79 />
      <Counter80 />
      <Counter81 />
      <Counter82 />
      <Counter83 />
      <Counter84 />
      <Counter85 />
      <Counter86 />
      <Counter87 />
      <Counter88 />
      <Counter89 />
      <Counter90 />
      <Counter91 />
      <Counter92 />
      <Counter93 />
      <Counter94 />
      <Counter95 />
      <Counter96 />
      <Counter97 />
      <Counter98 />
      <Counter99 />
      <Counter100 />
      <Link
        href="/hidden"
        // eslint-disable-next-line no-console
        onQVisible$={() => console.log('visible below fold')}
      >
        Home
      </Link>
    </div>
  );
});
