feat(deps): adjustment for next.js v13.3.x (#170)

next.config.js

@@ -1,12 +1,14 @@
 const { withPlaiceholder } = require("@plaiceholder/next");
 
-module.exports = withPlaiceholder({
+/** @type {import('next').NextConfig} */
+const nextConfig = {
   reactStrictMode: true,
   images: {
     domains: ["dl.airtable.com", "v5.airtableusercontent.com"],
   },
   experimental: {
     appDir: true,
-    fontLoaders: [{ loader: "@next/font/google", options: { subsets: ["latin"] } }],
   },
-});
+};
+
+module.exports = withPlaiceholder(nextConfig);

package.json

@@ -20,7 +20,7 @@
     "@vercel/analytics": "0.1.11",
     "airtable": "0.11.6",
     "framer-motion": "10.12.4",
-    "next": "13.2.4",
+    "next": "13.3.1",
     "plaiceholder": "2.5.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -33,7 +33,7 @@
     "@commitlint/cli": "17.6.1",
     "@commitlint/config-conventional": "17.6.1",
     "eslint": "8.36.0",
-    "eslint-config-next": "13.2.4",
+    "eslint-config-next": "13.3.1",
     "eslint-config-prettier": "8.8.0",
     "husky": "8.0.3",
     "lint-staged": "13.2.0",

styles/theme.js

@@ -2,7 +2,7 @@ import { extendTheme } from "@chakra-ui/react";
 import { mode } from "@chakra-ui/theme-tools";
 import { Inter } from "next/font/google";
 
-const inter = Inter();
+const inter = Inter({ subsets: ["latin"] });
 
 const breakpoints = {
   xs: "375px",