Adicionado prettier, use npm prettier . --write para formatar todas as mudancas criadas
This commit is contained in:
@@ -0,0 +1,3 @@
|
|||||||
|
# Ignore artifacts:
|
||||||
|
build
|
||||||
|
coverage
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
{}
|
||||||
+11
-11
@@ -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_]" }],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
])
|
]);
|
||||||
|
|||||||
+10
-12
@@ -1,16 +1,14 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="pt-BR">
|
<html lang="pt-BR">
|
||||||
|
<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>
|
||||||
<meta charset="UTF-8" />
|
<div id="root"></div>
|
||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<script type="module" src="/src/main.jsx"></script>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
</body>
|
||||||
<title>Graphics Analitics</title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="root"></div>
|
|
||||||
<script type="module" src="/src/main.jsx"></script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Generated
+17
@@ -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",
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
+1
-1
@@ -3,4 +3,4 @@ export default {
|
|||||||
tailwindcss: {},
|
tailwindcss: {},
|
||||||
autoprefixer: {},
|
autoprefixer: {},
|
||||||
},
|
},
|
||||||
}
|
};
|
||||||
|
|||||||
+68
-65
@@ -1,74 +1,77 @@
|
|||||||
|
|
||||||
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">
|
||||||
<header class="h-24 sm:h-32 flex items-center z-30 w-full">
|
<header class="h-24 sm:h-32 flex items-center z-30 w-full">
|
||||||
<div class="container mx-auto px-6 flex items-center justify-between">
|
<div class="container mx-auto px-6 flex items-center justify-between">
|
||||||
<div class="uppercase text-gray-800 dark:text-white font-black text-3xl">
|
<div class="uppercase text-gray-800 dark:text-white font-black text-3xl">
|
||||||
Watch.ME
|
Watch.ME
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<nav class="font-sen text-gray-800 dark:text-white uppercase text-lg lg:flex items-center hidden">
|
<nav class="font-sen text-gray-800 dark:text-white uppercase text-lg lg:flex items-center hidden">
|
||||||
<a href="#" class="py-2 px-6 flex">
|
<a href="#" class="py-2 px-6 flex">
|
||||||
Home
|
Home
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="py-2 px-6 flex">
|
<a href="#" class="py-2 px-6 flex">
|
||||||
Watch
|
Watch
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="py-2 px-6 flex">
|
<a href="#" class="py-2 px-6 flex">
|
||||||
Product
|
Product
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="py-2 px-6 flex">
|
<a href="#" class="py-2 px-6 flex">
|
||||||
Contact
|
Contact
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="py-2 px-6 flex">
|
<a href="#" class="py-2 px-6 flex">
|
||||||
Carrer
|
Carrer
|
||||||
</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>
|
</button>
|
||||||
<span class="w-6 h-1 bg-gray-800 dark:bg-white mb-1">
|
</div>
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<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>
|
|
||||||
<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>
|
|
||||||
</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.
|
|
||||||
</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">
|
|
||||||
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">
|
|
||||||
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"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</header>
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
</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.
|
||||||
|
</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"
|
||||||
|
>
|
||||||
|
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"
|
||||||
|
>
|
||||||
|
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"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</>
|
</>
|
||||||
)
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default App
|
export default App;
|
||||||
|
|||||||
+6
-6
@@ -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>,
|
||||||
)
|
);
|
||||||
|
|||||||
+2
-6
@@ -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: [],
|
||||||
}
|
};
|
||||||
|
|
||||||
|
|||||||
+5
-8
@@ -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()
|
|
||||||
],
|
|
||||||
})
|
|
||||||
|
|||||||
Reference in New Issue
Block a user