[Add] babel for styled-component

winnieworld · Oct 4, 2023 · b67e4f7 · b67e4f7
1 parent 3421978
commit b67e4f7
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 6 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,4 @@
+{
+  "presets": ["next/babel"],
+  "plugins": ["babel-plugin-styled-components"]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
diff --git a/app/globals.css b/app/globals.css
@@ -16,7 +16,7 @@ html,
 body {
   max-width: 100vw;
   overflow-x: hidden;
-  height: 100%;
+  height: 100vh;
 }
 
 /* @media (prefers-color-scheme: dark) {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@nextcss/reset": "^0.2.4-beta",
     "axios": "^1.5.1",
+    "babel-plugin-styled-components": "^2.1.4",
     "next": "latest",
     "react": "latest",
     "react-dom": "latest",