Enable prettier and eslint format check for website (#2960)

.prettierignore

@@ -23,4 +23,3 @@ public
 artifacts
 stories
 demo
-website

eslint.config.mjs

@@ -147,12 +147,4 @@ export default tseslint.config(
       "prettier/prettier": "off",
     },
   },
-
-  // Overrides for Website
-  {
-    files: ["**/website/**/*.{js,ts,tsx}"],
-    rules: {
-      "prettier/prettier": "off",
-    },
-  },
 );

package.json

@@ -152,7 +152,6 @@
     "lint:root:fix": "wireit",
     "lint:pkgs": "wireit",
     "lint:pkgs:fix": "wireit",
-    "lint:docs": "wireit",
     "jest": "wireit",
     "jest:root": "wireit",
     "jest:pkgs": "wireit",
@@ -273,8 +272,7 @@
     "lint": {
       "dependencies": [
         "lint:root",
-        "lint:pkgs",
-        "lint:docs"
+        "lint:pkgs"
       ]
     },
     "lint:fix": {
@@ -284,14 +282,15 @@
       ]
     },
     "lint:root": {
-      "command": "eslint --color *.js scripts config demo stories test",
+      "command": "eslint --color *.js scripts config demo stories test website",
       "files": [
         "*.js",
         "scripts",
         "config",
         "demo",
         "stories",
         "test",
+        "website",
         "!**/node_modules/**"
       ],
       "output": [],
@@ -300,14 +299,15 @@
       ]
     },
     "lint:root:fix": {
-      "command": "eslint --color --fix *.js scripts config demo stories test",
+      "command": "eslint --color --fix *.js scripts config demo stories test website",
       "files": [
         "*.js",
         "scripts",
         "config",
         "demo",
         "stories",
         "test",
+        "website",
         "!**/node_modules/**"
       ],
       "output": [],
@@ -327,12 +327,6 @@
         "build"
       ]
     },
-    "lint:docs": {
-      "command": "pnpm run --filter victory-docs lint",
-      "dependencies": [
-        "build:lib:esm"
-      ]
-    },
     "jest": {
       "dependencies": [
         "jest:pkgs"

website/babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
+  presets: [require.resolve("@docusaurus/core/lib/babel/preset")],
 };

website/package.json

@@ -12,7 +12,6 @@
     "serve": "docusaurus serve --dir build/open-source/victory",
     "write-translations": "docusaurus write-translations",
     "write-heading-ids": "docusaurus write-heading-ids",
-    "lint": "eslint src",
     "typecheck": "tsc"
   },
   "dependencies": {

website/sidebars.ts

@@ -1,7 +1,7 @@
-import { SidebarsConfig } from '@docusaurus/plugin-content-docs';
+import { SidebarsConfig } from "@docusaurus/plugin-content-docs";
 
 const sidebars: SidebarsConfig = {
-  sidebar: [{ type: 'autogenerated', dirName: '.' }],
+  sidebar: [{ type: "autogenerated", dirName: "." }],
 };
 
 export default sidebars;

website/src/components/link-button.tsx

@@ -1,4 +1,4 @@
-import clsx from 'clsx';
+import clsx from "clsx";
 import React from "react";
 
 interface ButtonProps {
@@ -10,14 +10,11 @@ interface ButtonProps {
 
 export const LinkButton = ({ children, link, className }: ButtonProps) => {
   const classes = clsx(
-    'bg-button-bg text-button-fg border-button-border hover:text-button-fg-hover after:bg-button-bg-hover border-2 font-bold rounded-full text-lg z-0 transition-colors delay-75 w-fit overflow-hidden py-[14px] px-[23px] relative flex gap-2.5 justify-between leading-[21px] after:absolute after:w-[200%] after:h-full after:bottom-0 after:transform-gpu after:-skew-x-[50deg] after:-right-[250%] after:-z-10 after:transition-transform after:duration-200 hover:after:-translate-x-[100%] hover:after:[-webkit-transform:translate3d(-100%,0,0)_!important]',
-    className
-  )
+    "bg-button-bg text-button-fg border-button-border hover:text-button-fg-hover after:bg-button-bg-hover border-2 font-bold rounded-full text-lg z-0 transition-colors delay-75 w-fit overflow-hidden py-[14px] px-[23px] relative flex gap-2.5 justify-between leading-[21px] after:absolute after:w-[200%] after:h-full after:bottom-0 after:transform-gpu after:-skew-x-[50deg] after:-right-[250%] after:-z-10 after:transition-transform after:duration-200 hover:after:-translate-x-[100%] hover:after:[-webkit-transform:translate3d(-100%,0,0)_!important]",
+    className,
+  );
   return (
-    <a
-      className={classes}
-      href={link}
-    >
+    <a className={classes} href={link}>
       {children}
     </a>
   );

website/src/components/slider.tsx

@@ -1,5 +1,5 @@
 /* eslint no-magic-numbers: ["error", { "ignore": [0, 1, 100] }]*/
- 
+
 import React, { useLayoutEffect, useState, useRef, useCallback } from "react";
 import clamp from "lodash/clamp";