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",
"devDependencies": {
"@ivuorinen/eslint-config": "^0.1.11",
"@ivuorinen/stylelint-config": "^0.1.19",
"autoprefixer": "10.4.14",
"browser-sync": "2.29.3",
"browser-sync-webpack-plugin": "2.3.0",

View File

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

View File

@@ -1,19 +1,20 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>hi there!</title>
<meta charset="UTF-8" />
<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>
</head>
<body class="h-screen bg-gray-50">
<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">
hi there!
</h1>
</div>
<div class="flex items-center justify-between h-screen px-8 py-16 mx-auto min-w-max max-w-7xl">
<h1 class="text-3xl font-extrabold tracking-tight text-gray-900">
hi there!
</h1>
</div>
</body>
</html>
</html>

View File

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