App.jsx

 1import * as s from './styles.css.js';
 2
 3export default function App() {
 4  return (
 5    <main className={`page ${s.page}`}>
 6      <h1 className={`hero-title ${s.heroTitle}`}>Vite 8 + vanilla-extract Fixture</h1>
 7      <p className={`hero-hook ${s.heroHook}`}>Zero-runtime CSS-in-TS via a Vite plugin.</p>
 8      <section id="features" className={`feature-grid ${s.featureGrid}`}>
 9        <article className={`feature-card ${s.featureCard}`}>One</article>
10        <article className={`feature-card ${s.featureCard}`}>Two</article>
11      </section>
12    </main>
13  );
14}