From 780457557fc90159f89dbaf7b0cc2f7cec154300 Mon Sep 17 00:00:00 2001
From: none <none>
Date: Tue, 21 Mar 2023 10:52:59 +0800
Subject: [PATCH] scss

---
 package.json                  | 1 +
 src/{App.css => App.scss}     | 0
 src/App.tsx                   | 2 +-
 src/{index.css => index.scss} | 0
 src/main.tsx                  | 2 +-
 5 files changed, 3 insertions(+), 2 deletions(-)
 rename src/{App.css => App.scss} (100%)
 rename src/{index.css => index.scss} (100%)

diff --git a/package.json b/package.json
index b97d9c5..50c3cc6 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@vitejs/plugin-react-swc": "^3.0.0",
+    "sass": "^1.59.3",
     "typescript": "^4.9.3",
     "vite": "^4.2.0"
   }
diff --git a/src/App.css b/src/App.scss
similarity index 100%
rename from src/App.css
rename to src/App.scss
diff --git a/src/App.tsx b/src/App.tsx
index 776eaa0..1e9e0fe 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react'
 import reactLogo from './assets/react.svg'
 import viteLogo from '/vite.svg'
-import './App.css'
+import './App.scss'
 
 function App() {
   const [count, setCount] = useState(0)
diff --git a/src/index.css b/src/index.scss
similarity index 100%
rename from src/index.css
rename to src/index.scss
diff --git a/src/main.tsx b/src/main.tsx
index 791f139..d77ab5b 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App'
-import './index.css'
+import './index.scss'
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>