chore(linting): Added eslint and stylelint

This commit is contained in:
2023-07-06 00:21:32 +03:00
parent 3fa96b02ee
commit 2e9b4f901c
8 changed files with 4252 additions and 1298 deletions

5
.eslintrc.json Normal file
View File

@@ -0,0 +1,5 @@
{
"extends": [
"@ivuorinen/eslint-config"
]
}

5
.stylelintrc.json Normal file
View File

@@ -0,0 +1,5 @@
{
"extends": [
"@ivuorinen/stylelint-config/css"
]
}

0
.yamlignore Normal file
View File

5503
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -23,6 +23,8 @@
}, },
"homepage": "https://github.com/ivuorinen/generic-landing-page#readme", "homepage": "https://github.com/ivuorinen/generic-landing-page#readme",
"devDependencies": { "devDependencies": {
"@ivuorinen/eslint-config": "^0.1.11",
"@ivuorinen/stylelint-config": "^0.1.19",
"autoprefixer": "10.4.14", "autoprefixer": "10.4.14",
"browser-sync": "2.29.3", "browser-sync": "2.29.3",
"browser-sync-webpack-plugin": "2.3.0", "browser-sync-webpack-plugin": "2.3.0",

View File

@@ -1,7 +1,7 @@
document.addEventListener('DOMContentLoaded', () => { document.addEventListener("DOMContentLoaded", () => {
const container = document.querySelector('h1'); const container = document.querySelector("h1");
const hostname = window.location.hostname || document.title; const hostname = window.location.hostname || document.title;
container.textContent = hostname; container.textContent = hostname;
document.title = hostname document.title = hostname;
}); });

View File

@@ -1,19 +1,20 @@
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>hi there!</title> <title>hi there!</title>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="app.css" rel="stylesheet"> <link href="app.css" rel="stylesheet" />
<script src="app.js"></script> <script src="app.js"></script>
</head> </head>
<body class="h-screen bg-gray-50"> <body class="h-screen bg-gray-50">
<div class="flex items-center justify-between h-screen px-8 py-16 mx-auto min-w-max max-w-7xl">
<div class="flex items-center justify-between h-screen px-4 px-8 py-12 py-16 mx-auto min-w-max max-w-7xl"> <h1 class="text-3xl font-extrabold tracking-tight text-gray-900">
<h1 class="text-3xl font-extrabold tracking-tight text-gray-900"> hi there!
hi there! </h1>
</h1> </div>
</div>
</body> </body>
</html> </html>

View File

@@ -1,9 +1,5 @@
module.exports = { module.exports = {
purge: [ content: ["./src/**/*.html", "./src/**/*.js"],
'./src/**/*.html',
'./src/**/*.js',
],
darkMode: false, // or 'media' or 'class'
theme: { theme: {
extend: {}, extend: {},
}, },
@@ -11,4 +7,4 @@ module.exports = {
extend: {}, extend: {},
}, },
plugins: [], plugins: [],
} };