main.ts 783 B

123456789101112131415161718192021222324
  1. import './style.css'
  2. import typescriptLogo from './typescript.svg'
  3. import viteLogo from '/vite.svg'
  4. import { setupCounter } from './counter.ts'
  5. document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
  6. <div>
  7. <a href="https://vitejs.dev" target="_blank">
  8. <img src="${viteLogo}" class="logo" alt="Vite logo" />
  9. </a>
  10. <a href="https://www.typescriptlang.org/" target="_blank">
  11. <img src="${typescriptLogo}" class="logo vanilla" alt="TypeScript logo" />
  12. </a>
  13. <h1>Vite + TypeScript</h1>
  14. <div class="card">
  15. <button id="counter" type="button"></button>
  16. </div>
  17. <p class="read-the-docs">
  18. Click on the Vite and TypeScript logos to learn more
  19. </p>
  20. </div>
  21. `
  22. setupCounter(document.querySelector<HTMLButtonElement>('#counter')!)