config: minor changes to prettier.config.js to prettier.config.mjs

client/.npmcheckrc.json

@@ -7,6 +7,8 @@
             "@uploadthing/react",
             "arctic",
             "ky",
+            "prettier-plugin-packagejson",
+            "prettier-plugin-tailwindcss",
             "react-cropper",
             "react-image-file-resizer",
             "react-intersection-observer",

client/package.json

@@ -17,8 +17,8 @@
         "@radix-ui/react-tabs": "^1.1.0",
         "@radix-ui/react-toast": "^1.2.1",
         "@radix-ui/react-tooltip": "^1.1.2",
-        "@tanstack/react-query": "^5.55.4",
-        "@tanstack/react-query-devtools": "^5.55.4",
+        "@tanstack/react-query": "^5.56.1",
+        "@tanstack/react-query-devtools": "^5.56.1",
         "@tiptap/extension-placeholder": "^2.6.6",
         "@tiptap/pm": "^2.6.6",
         "@tiptap/react": "^2.6.6",
@@ -31,7 +31,7 @@
         "date-fns": "^3.6.0",
         "ky": "^1.7.2",
         "lucia": "^3.2.0",
-        "lucide-react": "^0.440.0",
+        "lucide-react": "^0.441.0",
         "next": "^15.0.0-canary.148",
         "next-themes": "^0.3.0",
         "react": "^19.0.0-rc-3dfd5d9e-20240910",

client/prettier.config.js → client/prettier.config.mjs

@@ -1,11 +1,11 @@
 // import type { Config } from 'prettier'
 // prettier.config.js, .prettierrc.js, prettier.config.cjs, or .prettierrc.cjs
-import tailwindcss from 'prettier-plugin-tailwindcss'
-import packageJson from 'prettier-plugin-packagejson'
+
 /**
  * @see https://prettier.io/docs/en/configuration.html
  * @type {import("prettier").Config}
  */
+
 export default {
 	experimentalTernaries: true,
 	printWidth: 120,
@@ -18,6 +18,5 @@ export default {
 	bracketSpacing: true,
 	parser: 'typescript',
 	endOfLine: 'crlf',
-	plugins: [tailwindcss, packageJson]
-	// keep an empty line at the end of the file
+	plugins: ['prettier-plugin-tailwindcss', 'prettier-plugin-packagejson']
 }

client/src/components/TrendsSidebar.tsx

@@ -40,7 +40,7 @@ const TrendingTopics = async () => {
 			<div className="text-xl font-bold">Trending Topics</div>
 			{trendingTopics.map(({ hashtag, count }) => {
 				const title = hashtag.split('#')[1]
-				return (	
+				return (
 					<Link href={`/hashtag/${title}`} className="block" key={title}>
 						<p className="line-clamp-1 break-all font-semibold hover:underline" title={hashtag}>
 							{hashtag}

client/tsconfig.json

@@ -24,6 +24,6 @@
 			"@/*": ["./src/*"]
 		}
 	},
-	"include": ["**/*.ts", "**/*.tsx", "next-env.d.ts", "next.config.mts", ".next/types/**/*.ts", "prettier.config.js"],
+	"include": ["**/*.ts", "**/*.tsx", "next-env.d.ts", "next.config.mts", ".next/types/**/*.ts", "prettier.config.mjs"],
 	"exclude": ["node_modules", "future"]
 }