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 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_]" }],
|
||||
},
|
||||
},
|
||||
])
|
||||
]);
|
||||
|
||||
+10
-12
@@ -1,16 +1,14 @@
|
||||
<!doctype html>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.jsx"></script>
|
||||
</body>
|
||||
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.jsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
Generated
+17
@@ -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"
|
||||
|
||||
+1
-1
@@ -3,4 +3,4 @@ export default {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
};
|
||||
|
||||
+68
-65
@@ -1,74 +1,77 @@
|
||||
|
||||
function App() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<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">
|
||||
<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">
|
||||
Watch.ME
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<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">
|
||||
Home
|
||||
</a>
|
||||
<a href="#" class="py-2 px-6 flex">
|
||||
Watch
|
||||
</a>
|
||||
<a href="#" class="py-2 px-6 flex">
|
||||
Product
|
||||
</a>
|
||||
<a href="#" class="py-2 px-6 flex">
|
||||
Contact
|
||||
</a>
|
||||
<a href="#" class="py-2 px-6 flex">
|
||||
Carrer
|
||||
</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>
|
||||
</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>
|
||||
<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="uppercase text-gray-800 dark:text-white font-black text-3xl">
|
||||
Watch.ME
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<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">
|
||||
Home
|
||||
</a>
|
||||
<a href="#" class="py-2 px-6 flex">
|
||||
Watch
|
||||
</a>
|
||||
<a href="#" class="py-2 px-6 flex">
|
||||
Product
|
||||
</a>
|
||||
<a href="#" class="py-2 px-6 flex">
|
||||
Contact
|
||||
</a>
|
||||
<a href="#" class="py-2 px-6 flex">
|
||||
Carrer
|
||||
</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>
|
||||
</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>
|
||||
</main>
|
||||
</>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
export default App
|
||||
export default App;
|
||||
|
||||
+6
-6
@@ -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>,
|
||||
)
|
||||
);
|
||||
|
||||
+2
-6
@@ -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: [],
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
+5
-8
@@ -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()],
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user