From 71a8295d44918c6cb452435afad40ec2a50d881e Mon Sep 17 00:00:00 2001
From: "Devless Bot (aider)" <devless-bot@users.noreply.github.com>
Date: Fri, 10 Apr 2026 12:39:02 +0200
Subject: [PATCH] feat: remove click counter from main page

---
 src/App.css | 19 -------------------
 src/App.tsx |  9 ---------
 2 files changed, 28 deletions(-)

diff --git a/src/App.css b/src/App.css
index f90339d..12d13e4 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,22 +1,3 @@
-.counter {
-  font-size: 16px;
-  padding: 5px 10px;
-  border-radius: 5px;
-  color: var(--accent);
-  background: var(--accent-bg);
-  border: 2px solid transparent;
-  transition: border-color 0.3s;
-  margin-bottom: 24px;
-
-  &:hover {
-    border-color: var(--accent-border);
-  }
-  &:focus-visible {
-    outline: 2px solid var(--accent);
-    outline-offset: 2px;
-  }
-}
-
 .hero {
   position: relative;
 
diff --git a/src/App.tsx b/src/App.tsx
index 0da7d98..5a56545 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,3 @@
-import { useState } from 'react'
 import reactLogo from './assets/react.svg'
 import viteLogo from './assets/vite.svg'
 import heroImg from './assets/hero.png'
@@ -8,8 +7,6 @@ import './App.css'
 import TicTacToe from './components/TicTacToe'
 
 function App() {
-  const [count, setCount] = useState(0)
-
   return (
     <>
       <section id="center">
@@ -24,12 +21,6 @@ function App() {
             Edit <code>src/App.tsx</code> and save to test <code>HMR</code>
           </p>
         </div>
-        <button
-          className="counter"
-          onClick={() => setCount((count) => count + 1)}
-        >
-          Count is {count}
-        </button>
       </section>
 
       <div className="ticks"></div>