Merge pull request #28 from KaoruMuta/feature/#3

refactor(project): update deps and ui design about ads

package.json

@@ -14,6 +14,7 @@
     "@types/gtag.js": "^0.0.7",
     "@types/marked": "^3.0.1",
     "@types/prismjs": "^1.16.6",
+    "ansi-regex": "6.0.1",
     "babel-plugin-prismjs": "^2.1.0",
     "gray-matter": "^4.0.3",
     "marked": "^3.0.4",

src/components/Ads.tsx

@@ -13,7 +13,7 @@ const Ads = () => {
   }, [router.asPath]);
 
   return (
-    <div key={router.asPath}>
+    <div className="mt-4" key={router.asPath}>
       <ins
         className="adsbygoogle block"
         data-ad-client={process.env.GOOGLE_ADSENSE_CLIENT_ID}

yarn.lock

@@ -375,6 +375,11 @@ ansi-colors@^4.1.1:
   resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.1.tgz#cbb9ae256bf750af1eab344f229aa27fe94ba348"
   integrity sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==
 
+[email protected]:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.0.1.tgz#3183e38fae9a65d7cb5e53945cd5897d0260a06a"
+  integrity sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==
+
 ansi-regex@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"