chore: module import

apps/web/.contentlayer/generated/index.mjs

@@ -4,8 +4,8 @@ export { isType } from 'contentlayer/client'
 
 // NOTE During development Contentlayer imports from `.mjs` files to improve HMR speeds.
 // During (production) builds Contentlayer it imports from `.json` files to improve build performance.
-import { allPosts } from './Post/_index.mjs'
-import { allMarkdowns } from './Markdown/_index.mjs'
+import allPosts from './Post/_index.json' assert { type: 'json' }
+import allMarkdowns from './Markdown/_index.json' assert { type: 'json' }
 
 export { allPosts, allMarkdowns }
 

apps/web/components/Anchor.tsx

@@ -1,4 +1,4 @@
-import { Link as LinkIcon } from '@styled-icons/material'
+import { Link as LinkIcon } from '@styled-icons/material/Link/Link'
 import styled, { css } from 'styled-components'
 import { mobile } from '../utils/media'
 import rem from '../utils/rem'

apps/web/components/Footer/index.tsx

@@ -1,4 +1,4 @@
-import { Favorite } from '@styled-icons/material'
+import { Favorite } from '@styled-icons/material/Favorite/Favorite'
 import styled, { css } from 'styled-components'
 import { grey, paleGrey, red } from '../../utils/colors'
 import { mobile } from '../../utils/media'

apps/web/components/Nav/MobileNavbar.tsx

@@ -1,9 +1,8 @@
-import { KeyboardArrowDown } from '@styled-icons/material';
+import { KeyboardArrowDown } from '@styled-icons/material/KeyboardArrowDown/KeyboardArrowDown';
 import styled, { css } from 'styled-components';
 import { mobile } from '../../utils/media';
 import rem from '../../utils/rem';
 import { navbarHeight } from '../../utils/sizes';
-import Link from '../Link';
 import NavButton from './NavButton';
 import { CloseIcon, FoldIcon } from './NavIcons';
 import NavLinks from './NavLinks';

apps/web/components/Nav/Social.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Github } from '@styled-icons/fa-brands';
+import { Github } from '@styled-icons/fa-brands/Github/Github';
 import rem from '../../utils/rem';
 import { navbarHeight } from '../../utils/sizes';
 import Link from '../Link';

apps/web/components/NextPage.tsx

@@ -1,9 +1,9 @@
-import { KeyboardArrowRight } from '@styled-icons/material';
-import styled, { css } from 'styled-components';
-import { grey } from '../utils/colors';
-import { mobile } from '../utils/media';
-import rem from '../utils/rem';
-import Link, { LinkProps } from './Link';
+import { KeyboardArrowRight } from '@styled-icons/material/KeyboardArrowRight/KeyboardArrowRight'
+import styled, { css } from 'styled-components'
+import { grey } from '../utils/colors'
+import { mobile } from '../utils/media'
+import rem from '../utils/rem'
+import Link, { LinkProps } from './Link'
 
 const Wrapper = styled(Link).attrs((/* props */) => ({
   unstyled: true,
@@ -16,34 +16,34 @@ const Wrapper = styled(Link).attrs((/* props */) => ({
   width: 100%;
   padding: ${rem(40)} ${rem(20)};
   text-align: right;
-  font-family: ${props => props.theme.fontFamily};
+  font-family: ${(props) => props.theme.fontFamily};
 
   ${mobile(css`
     text-align: left;
     justify-content: center;
     padding: ${rem(30)} ${rem(20)};
   `)};
-`;
+`
 
 const Text = styled.h3`
   font-weight: normal;
   padding-right: ${rem(20)};
   margin: 0;
-`;
+`
 
 const PageName = styled.h2`
   font-weight: 600;
   padding-right: ${rem(20)};
   margin: 0;
-`;
+`
 
 const Icon = styled(KeyboardArrowRight)`
   color: ${grey};
   width: ${rem(30)};
-`;
+`
 
 export interface NextPageProps extends Pick<LinkProps, 'href'> {
-  title: string;
+  title: string
 }
 
 const NextPage = ({ title, href }: NextPageProps) => (
@@ -57,6 +57,6 @@ const NextPage = ({ title, href }: NextPageProps) => (
       <Icon />
     </div>
   </Wrapper>
-);
+)
 
-export default NextPage;
+export default NextPage

apps/web/package.json

@@ -20,7 +20,6 @@
     "@mdx-js/react": "^3.0.1",
     "@newhighsco/next-plugin-svgr": "^3.0.131",
     "@next/mdx": "^14.2.3",
-    "@styled-icons/boxicons-regular": "^10.47.0",
     "@styled-icons/fa-brands": "^10.47.0",
     "@styled-icons/material": "^10.47.0",
     "contentlayer": "^0.3.4",

yarn.lock

@@ -4857,7 +4857,6 @@ __metadata:
     "@newhighsco/next-plugin-svgr": "npm:^3.0.131"
     "@next/mdx": "npm:^14.2.3"
     "@octokit/types": "npm:^9.2.3"
-    "@styled-icons/boxicons-regular": "npm:^10.47.0"
     "@styled-icons/fa-brands": "npm:^10.47.0"
     "@styled-icons/material": "npm:^10.47.0"
     "@types/enzyme": "npm:^3.10.13"
@@ -7452,19 +7451,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@styled-icons/boxicons-regular@npm:^10.47.0":
-  version: 10.47.0
-  resolution: "@styled-icons/boxicons-regular@npm:10.47.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.20.7"
-    "@styled-icons/styled-icon": "npm:^10.7.0"
-  peerDependencies:
-    react: "*"
-    styled-components: "*"
-  checksum: 10/8b80bd7a49da3f24b4bc9d6ef3a2656d6ad628584c18d9d87da169001fd9b52fc0a48b321abf8314a774161d2ffaa47947f862f92918ed52ff1ab76f58c9f1c7
-  languageName: node
-  linkType: hard
-
 "@styled-icons/fa-brands@npm:^10.47.0":
   version: 10.47.0
   resolution: "@styled-icons/fa-brands@npm:10.47.0"