Adicionado prettier, use npm prettier . --write para formatar todas as mudancas criadas

2026-03-23 20:24:30 -03:00
parent c46d5393b8
commit 543525b099
12 changed files with 127 additions and 111 deletions
@@ -0,0 +1,3 @@
+# Ignore artifacts:
+build
+coverage
@@ -0,0 +1 @@
+{}
@@ -1,13 +1,13 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import { defineConfig, globalIgnores } from 'eslint/config'
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import { defineConfig, globalIgnores } from "eslint/config";

 export default defineConfig([
-  globalIgnores(['dist']),
+  globalIgnores(["dist"]),
  {
-    files: ['**/*.{js,jsx}'],
+    files: ["**/*.{js,jsx}"],
    extends: [
      js.configs.recommended,
      reactHooks.configs.flat.recommended,
@@ -17,13 +17,13 @@ export default defineConfig([
      ecmaVersion: 2020,
      globals: globals.browser,
      parserOptions: {
-        ecmaVersion: 'latest',
+        ecmaVersion: "latest",
        ecmaFeatures: { jsx: true },
-        sourceType: 'module',
+        sourceType: "module",
      },
    },
    rules: {
-      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
+      "no-unused-vars": ["error", { varsIgnorePattern: "^[A-Z_]" }],
    },
  },
-])
+]);
@@ -1,16 +1,14 @@
 <!doctype html>
 <html lang="pt-BR">
-
-<head>
+  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Graphics Analitics</title>
-</head>
+  </head>

-<body>
+  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
-</body>
-
+  </body>
 </html>
@@ -23,6 +23,7 @@
        "eslint-plugin-react-hooks": "^7.0.1",
        "eslint-plugin-react-refresh": "^0.5.2",
        "globals": "^17.4.0",
+        "prettier": "3.8.1",
        "tailwindcss": "^3.4.1",
        "vite": "^8.0.1",
        "vite-plugin-eslint": "^1.8.1"
@@ -3101,6 +3102,22 @@
        "node": ">= 0.8.0"
      }
    },
+    "node_modules/prettier": {
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.1.tgz",
+      "integrity": "sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
    "node_modules/punycode": {
      "version": "2.3.1",
      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -25,6 +25,7 @@
    "eslint-plugin-react-hooks": "^7.0.1",
    "eslint-plugin-react-refresh": "^0.5.2",
    "globals": "^17.4.0",
+    "prettier": "3.8.1",
    "tailwindcss": "^3.4.1",
    "vite": "^8.0.1",
    "vite-plugin-eslint": "^1.8.1"
@@ -3,4 +3,4 @@ export default {
    tailwindcss: {},
    autoprefixer: {},
  },
-}
+};
@@ -1,6 +1,4 @@
-
 function App() {
-
  return (
    <>
      <main class="dark:bg-gray-800 bg-white relative overflow-hidden h-screen">
@@ -28,12 +26,9 @@ function App() {
                </a>
              </nav>
              <button class="lg:hidden flex flex-col ml-4">
-                          <span class="w-6 h-1 bg-gray-800 dark:bg-white mb-1">
-                          </span>
-                          <span class="w-6 h-1 bg-gray-800 dark:bg-white mb-1">
-                          </span>
-                          <span class="w-6 h-1 bg-gray-800 dark:bg-white mb-1">
-                          </span>
+                <span class="w-6 h-1 bg-gray-800 dark:bg-white mb-1"></span>
+                <span class="w-6 h-1 bg-gray-800 dark:bg-white mb-1"></span>
+                <span class="w-6 h-1 bg-gray-800 dark:bg-white mb-1"></span>
              </button>
            </div>
          </div>
@@ -41,34 +36,42 @@ function App() {
        <div class="bg-white dark:bg-gray-800 flex relative z-20 items-center overflow-hidden">
          <div class="container mx-auto px-6 flex relative py-16">
            <div class="sm:w-2/3 lg:w-2/5 flex flex-col relative z-20">
-                      <span class="w-20 h-2 bg-gray-800 dark:bg-white mb-12">
-                      </span>
+              <span class="w-20 h-2 bg-gray-800 dark:bg-white mb-12"></span>
              <h1 class="font-bebas-neue uppercase text-6xl sm:text-8xl font-black flex flex-col leading-none dark:text-white text-gray-800">
                Be on
-                          <span class="text-5xl sm:text-7xl">
-                              Time
-                          </span>
+                <span class="text-5xl sm:text-7xl">Time</span>
              </h1>
              <p class="text-sm sm:text-base text-gray-700 dark:text-white">
-                          Dimension of reality that makes change possible and understandable. An indefinite and homogeneous environment in which natural events and human existence take place.
+                Dimension of reality that makes change possible and
+                understandable. An indefinite and homogeneous environment in
+                which natural events and human existence take place.
              </p>
              <div class="flex mt-8">
-                          <a href="#" class="uppercase py-2 px-4 rounded-lg bg-pink-500 border-2 border-transparent text-white text-md mr-4 hover:bg-pink-400">
+                <a
+                  href="#"
+                  class="uppercase py-2 px-4 rounded-lg bg-pink-500 border-2 border-transparent text-white text-md mr-4 hover:bg-pink-400"
+                >
                  Get started
                </a>
-                          <a href="#" class="uppercase py-2 px-4 rounded-lg bg-transparent border-2 border-pink-500 text-pink-500 dark:text-white hover:bg-pink-500 hover:text-white text-md">
+                <a
+                  href="#"
+                  class="uppercase py-2 px-4 rounded-lg bg-transparent border-2 border-pink-500 text-pink-500 dark:text-white hover:bg-pink-500 hover:text-white text-md"
+                >
                  Read more
                </a>
              </div>
            </div>
            <div class="hidden sm:block sm:w-1/3 lg:w-3/5 relative">
-                      <img src="https://www.tailwind-kit.com/images/object/10.png" class="max-w-xs md:max-w-sm m-auto"/>
+              <img
+                src="https://www.tailwind-kit.com/images/object/10.png"
+                class="max-w-xs md:max-w-sm m-auto"
+              />
            </div>
          </div>
        </div>
      </main>
    </>
-  )
+  );
 }

-export default App
+export default App;
@@ -1,10 +1,10 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import App from './App'
-import './stylesheet.css'
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App";
+import "./stylesheet.css";

-createRoot(document.getElementById('root')).render(
+createRoot(document.getElementById("root")).render(
  <StrictMode>
    <App />
  </StrictMode>,
-)
+);
@@ -1,12 +1,8 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: [
-    "index.html",
-    "./src/**/*.{js,ts,jsx,tsx}"
-  ],
+  content: ["index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
-}
-
+};
@@ -1,11 +1,8 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import eslint from 'vite-plugin-eslint'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import eslint from "vite-plugin-eslint";

 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [
-    react(),
-    eslint()
-  ],
-})
+  plugins: [react(), eslint()],
+});