feat: updates prettier

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

app/_components/Posts.tsx

@@ -54,7 +54,7 @@ export default function Posts(props: Props) {
               map((item) => {
                 const gallery = map(
                   (item) => item.s.u,
-                  values(item.data.media_metadata || {})
+                  values(item.data.media_metadata || {}),
                 );
 
                 return (
@@ -68,7 +68,7 @@ export default function Posts(props: Props) {
                   />
                 );
               }, item.children),
-            pages
+            pages,
           )}
           <div ref={elementRef} />
         </main>

app/_components/TimePopover.tsx

@@ -78,7 +78,7 @@ export default function TimePopover() {
               </Link>
             </MenuItem>
           ),
-          TIME
+          TIME,
         )}
       </MenuList>
     </Menu>

app/_hooks/usePosts.ts

@@ -32,7 +32,7 @@ const getSubreddit = async (props: { pageParam: SubredditPageParam }) => {
         after: pageParam.after,
         raw_json: 1,
       },
-    }
+    },
   );
   const data: JsonData = response.data;
   const filtered = parsePosts(data.data.children);
@@ -59,7 +59,7 @@ const getUser = async (props: { pageParam: UserPageParam }) => {
         after: pageParam.after,
         raw_json: 1,
       },
-    }
+    },
   );
   const data: JsonData = response.data;
   const filtered = parsePosts(data.data.children);

app/_lib/constants.ts

@@ -83,5 +83,5 @@ export const SUPPORTED_VIDEO_EXTENSIONS = [".mp4", ".gifv"];
 
 export const SUPPORTED_FILE_EXTENSIONS = concat(
   SUPPORTED_IMAGE_EXTENSIONS,
-  SUPPORTED_VIDEO_EXTENSIONS
+  SUPPORTED_VIDEO_EXTENSIONS,
 );

app/_lib/utils.ts

@@ -39,7 +39,7 @@ export const parsePosts = (posts: RedditPost[]) => {
     (item) =>
       includes(getExtension(item.data.url), SUPPORTED_FILE_EXTENSIONS) ||
       equals(item.data.is_gallery, true),
-    posts
+    posts,
   );
 };
 
@@ -50,7 +50,7 @@ export const parseComments = (comments: RedditComment[]) => {
       item.data.author !== "AutoModerator" &&
       item.data.body !== "[removed]" &&
       item.data.body !== "[deleted]",
-    comments
+    comments,
   );
 };
 

app/r/[subreddit]/comments/[id]/[title]/_components/Post.tsx

@@ -48,7 +48,7 @@ export default function Post() {
                 <Options url={item} filename={post.id} />
               </div>
             ),
-            gallery
+            gallery,
           )}
         </div>
       ) : (
@@ -98,7 +98,7 @@ export default function Post() {
                     />
                   </div>
                 ),
-                comments
+                comments,
               )}
             </div>
           </div>

components/Button.tsx

@@ -42,7 +42,7 @@ export const Button = forwardRef(
           </button>
         );
     }
-  }
+  },
 );
 
 Button.displayName = "Button";

components/Input.tsx

@@ -12,7 +12,7 @@ export const Input = forwardRef(
         {...rest}
       />
     );
-  }
+  },
 );
 
 Input.displayName = "Input";

package.json

@@ -38,8 +38,8 @@
     "eslint": "^8.38.0",
     "eslint-config-next": "^13.3.0",
     "postcss": "^8.4.21",
-    "prettier": "^2.8.7",
-    "prettier-plugin-tailwindcss": "^0.2.7",
+    "prettier": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.8",
     "tailwindcss": "^3.3.1",
     "typescript": "^5.3.3"
   }

types.ts

@@ -54,7 +54,7 @@ export type RedditComment = {
 
 export type CommentTree = [
   { kind: string; data: { children: RedditPost[] } },
-  { kind: string; data: { children: RedditComment[] } }
+  { kind: string; data: { children: RedditComment[] } },
 ];
 
 export type ErrorComponent = {

yarn.lock

@@ -3406,15 +3406,15 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prettier-plugin-tailwindcss@^0.2.7:
-  version "0.2.7"
-  resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.2.7.tgz#2314d728cce9c9699ced41a01253eb48b4218da5"
-  integrity sha512-jQopIOgjLpX+y8HeD56XZw7onupRTC0cw7eKKUimI7vhjkPF5/1ltW5LyqaPtSyc8HvEpvNZsvvsGFa2qpa59w==
-
-prettier@^2.8.7:
-  version "2.8.7"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.7.tgz#bb79fc8729308549d28fe3a98fce73d2c0656450"
-  integrity sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==
+prettier-plugin-tailwindcss@^0.6.8:
+  version "0.6.8"
+  resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.8.tgz#8a178e1679e3f941cc9de396f109c6cffea676d8"
+  integrity sha512-dGu3kdm7SXPkiW4nzeWKCl3uoImdd5CTZEJGxyypEPL37Wj0HT2pLqjrvSei1nTeuQfO4PUfjeW5cTUNRLZ4sA==
+
+prettier@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.3.tgz#30c54fe0be0d8d12e6ae61dbb10109ea00d53105"
+  integrity sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==
 
 prop-types@^15.8.1:
   version "15.8.1"