Merge pull request #176 from Web-Dev-Path/chore/styled-components-swc

Remove babel-plugin-styled-components to use nextjs built in compiler

Author: cherylli

.babelrc

@@ -108,5 +108,4 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - 
 
 ### Fixed
-
-- 
+- Remove `babel-plugin-styled-components` to use nextjs built in compiler

CHANGELOG.md

@@ -6,6 +6,12 @@ const withPWA = require('next-pwa')({
 });
 
 module.exports = withPWA({
+  compiler: {
+    styledComponents: {
+      ssr: true,
+      cssProp: true,
+    },
+  },
   i18n: {
     locales: ['en'],
     defaultLocale: 'en',

next.config.js

@@ -33,7 +33,6 @@
     "swiper": "^8.2.2"
   },
   "devDependencies": {
-    "babel-plugin-styled-components": "^2.1.1",
     "husky": "^8.0.0",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",

package.json

@@ -1439,17 +1439,6 @@ babel-plugin-polyfill-regenerator@^0.3.1:
     lodash "^4.17.11"
     picomatch "^2.3.0"
 
-babel-plugin-styled-components@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.1.tgz#cd977cc0ff8410d5cbfdd142e42576e9c8794b87"
-  integrity sha512-c8lJlszObVQPguHkI+akXv8+Jgb9Ccujx0EetL7oIvwU100LxO6XAGe45qry37wUL40a5U9f23SYrivro2XKhA==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.16.0"
-    "@babel/helper-module-imports" "^7.16.0"
-    babel-plugin-syntax-jsx "^6.18.0"
-    lodash "^4.17.21"
-    picomatch "^2.3.0"
-
 babel-plugin-syntax-jsx@^6.18.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
@@ -2606,7 +2595,7 @@ lodash.sortby@^4.7.0:
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
   integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==
 
-lodash@^4.17.11, lodash@^4.17.20, lodash@^4.17.21:
+lodash@^4.17.11, lodash@^4.17.20:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==