RatixForever/Graphics-Analitics
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Christian do Nascimento Falcao
2026-03-23 20:24:30 -03:00
parent c46d5393b8
commit 543525b099
12 changed files with 127 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.prettierignore
+3
View File
@@ -0,0 +1,3 @@
# Ignore artifacts:
build
coverage
.prettierrc
+1
View File
@@ -0,0 +1 @@
{}
eslint.config.js
+11 -11
View File
@@ -1,13 +1,13 @@
import js from '@eslint/js' import js from "@eslint/js";
import globals from 'globals' import globals from "globals";
import reactHooks from 'eslint-plugin-react-hooks' import reactHooks from "eslint-plugin-react-hooks";
import reactRefresh from 'eslint-plugin-react-refresh' import reactRefresh from "eslint-plugin-react-refresh";
import { defineConfig, globalIgnores } from 'eslint/config' import { defineConfig, globalIgnores } from "eslint/config";
export default defineConfig([ export default defineConfig([
globalIgnores(['dist']), globalIgnores(["dist"]),
{ {
files: ['**/*.{js,jsx}'], files: ["**/*.{js,jsx}"],
extends: [ extends: [
js.configs.recommended, js.configs.recommended,
reactHooks.configs.flat.recommended, reactHooks.configs.flat.recommended,
@@ -17,13 +17,13 @@ export default defineConfig([
ecmaVersion: 2020, ecmaVersion: 2020,
globals: globals.browser, globals: globals.browser,
parserOptions: { parserOptions: {
ecmaVersion: 'latest', ecmaVersion: "latest",
ecmaFeatures: { jsx: true }, ecmaFeatures: { jsx: true },
sourceType: 'module', sourceType: "module",
}, },
}, },
rules: { rules: {
'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }], "no-unused-vars": ["error", { varsIgnorePattern: "^[A-Z_]" }],
}, },
}, },
]) ]);
index.html
-2
View File
@@ -1,6 +1,5 @@
<!doctype html> <!doctype html>
<html lang="pt-BR"> <html lang="pt-BR">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -12,5 +11,4 @@
<div id="root"></div> <div id="root"></div>
<script type="module" src="/src/main.jsx"></script> <script type="module" src="/src/main.jsx"></script>
</body> </body>
</html> </html>
package-lock.json
Generated
+17
View File
@@ -23,6 +23,7 @@
"eslint-plugin-react-hooks": "^7.0.1", "eslint-plugin-react-hooks": "^7.0.1",
"eslint-plugin-react-refresh": "^0.5.2", "eslint-plugin-react-refresh": "^0.5.2",
"globals": "^17.4.0", "globals": "^17.4.0",
"prettier": "3.8.1",
"tailwindcss": "^3.4.1", "tailwindcss": "^3.4.1",
"vite": "^8.0.1", "vite": "^8.0.1",
"vite-plugin-eslint": "^1.8.1" "vite-plugin-eslint": "^1.8.1"
@@ -3101,6 +3102,22 @@
"node": ">= 0.8.0" "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": { "node_modules/punycode": {
"version": "2.3.1", "version": "2.3.1",
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
package.json
+1
View File
@@ -25,6 +25,7 @@
"eslint-plugin-react-hooks": "^7.0.1", "eslint-plugin-react-hooks": "^7.0.1",
"eslint-plugin-react-refresh": "^0.5.2", "eslint-plugin-react-refresh": "^0.5.2",
"globals": "^17.4.0", "globals": "^17.4.0",
"prettier": "3.8.1",
"tailwindcss": "^3.4.1", "tailwindcss": "^3.4.1",
"vite": "^8.0.1", "vite": "^8.0.1",
"vite-plugin-eslint": "^1.8.1" "vite-plugin-eslint": "^1.8.1"
postcss.config.js
+1 -1
View File
@@ -3,4 +3,4 @@ export default {
tailwindcss: {}, tailwindcss: {},
autoprefixer: {}, autoprefixer: {},
}, },
} };
src/App.jsx
+22 -19
View File
@@ -1,6 +1,4 @@
function App() { function App() {
return ( return (
<> <>
<main class="dark:bg-gray-800 bg-white relative overflow-hidden h-screen"> <main class="dark:bg-gray-800 bg-white relative overflow-hidden h-screen">
@@ -28,12 +26,9 @@ function App() {
</a> </a>
</nav> </nav>
<button class="lg:hidden flex flex-col ml-4"> <button class="lg:hidden flex flex-col ml-4">
<span class="w-6 h-1 bg-gray-800 dark:bg-white mb-1"> <span class="w-6 h-1 bg-gray-800 dark:bg-white mb-1"></span>
</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 class="w-6 h-1 bg-gray-800 dark:bg-white mb-1"></span>
</span>
<span class="w-6 h-1 bg-gray-800 dark:bg-white mb-1">
</span>
</button> </button>
</div> </div>
</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="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="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"> <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 class="w-20 h-2 bg-gray-800 dark:bg-white mb-12"></span>
</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"> <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 Be on
<span class="text-5xl sm:text-7xl"> <span class="text-5xl sm:text-7xl">Time</span>
Time
</span>
</h1> </h1>
<p class="text-sm sm:text-base text-gray-700 dark:text-white"> <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> </p>
<div class="flex mt-8"> <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 Get started
</a> </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 Read more
</a> </a>
</div> </div>
</div> </div>
<div class="hidden sm:block sm:w-1/3 lg:w-3/5 relative"> <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> </div>
</div> </div>
</main> </main>
</> </>
) );
} }
export default App export default App;
src/main.jsx
+6 -6
View File
@@ -1,10 +1,10 @@
import { StrictMode } from 'react' import { StrictMode } from "react";
import { createRoot } from 'react-dom/client' import { createRoot } from "react-dom/client";
import App from './App' import App from "./App";
import './stylesheet.css' import "./stylesheet.css";
createRoot(document.getElementById('root')).render( createRoot(document.getElementById("root")).render(
<StrictMode> <StrictMode>
<App /> <App />
</StrictMode>, </StrictMode>,
) );
tailwind.config.js
+2 -6
View File
@@ -1,12 +1,8 @@
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
export default { export default {
content: [ content: ["index.html", "./src/**/*.{js,ts,jsx,tsx}"],
"index.html",
"./src/**/*.{js,ts,jsx,tsx}"
],
theme: { theme: {
extend: {}, extend: {},
}, },
plugins: [], plugins: [],
} };
vite.config.js
+5 -8
View File
@@ -1,11 +1,8 @@
import { defineConfig } from 'vite' import { defineConfig } from "vite";
import react from '@vitejs/plugin-react' import react from "@vitejs/plugin-react";
import eslint from 'vite-plugin-eslint' import eslint from "vite-plugin-eslint";
// https://vite.dev/config/ // https://vite.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [ plugins: [react(), eslint()],
react(), });
eslint()
],
})