{{title}}
-- -
- @Klemek - Github Repository - {{currentYear}} -
diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..53fe054 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,12 @@ +# EditorConfig is awesome: https://EditorConfig.org + +# top-most EditorConfig file +root = true + +[*] +indent_style = space +indent_size = 2 +end_of_line = lf +charset = utf-8 +trim_trailing_whitespace = false +insert_final_newline = true \ No newline at end of file diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml new file mode 100644 index 0000000..b495137 --- /dev/null +++ b/.github/workflows/lint.yml @@ -0,0 +1,13 @@ +name: Lint + +on: [push] + +jobs: + eslint: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v2 + - name: Install modules + run: npm ci + - name: Run ESLint + run: npm run lint diff --git a/.gitignore b/.gitignore index 723ef36..f6d5eed 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,3 @@ -.idea \ No newline at end of file +.idea +.vscode +node_modules \ No newline at end of file diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..0b84df0 --- /dev/null +++ b/.prettierignore @@ -0,0 +1 @@ +*.html \ No newline at end of file diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..222861c --- /dev/null +++ b/.prettierrc @@ -0,0 +1,4 @@ +{ + "tabWidth": 2, + "useTabs": false +} diff --git a/README.md b/README.md new file mode 100644 index 0000000..a553824 --- /dev/null +++ b/README.md @@ -0,0 +1,32 @@ +# Vue-boilerplate +*Minimal static Vue project* + + + +### [Tool link](https://klemek.github.io/vue-boilerplate/) + +## Use this template + + + +```bash +git clone git@github.com/klemek/vue-boilerplate.git {PROJECT} +cd {PROJECT} +git remote rename origin template +git remote add origin {PROJECT REMOTE} +# everytime you want to update your fork +git fetch --all +git merge template/master +``` + +> Every task is indicated with a TODO + +1. [ ] Rename app in [README.md](./README.md), [index.html](./index.html) and [package.json](./package.json) +2. [ ] Change app hue and saturation in [style.css](./style.css) +3. [ ] Remove this part and all TODO + + +## Tips + +* [Material design colors](https://materialui.co/colors/) are available, you can use `class="red-500"` on your HTML +* [Lucide icons](https://lucide.dev/icons) are available, you can use `` on your HTML \ No newline at end of file diff --git a/eslint.config.mjs b/eslint.config.mjs new file mode 100644 index 0000000..be5f17b --- /dev/null +++ b/eslint.config.mjs @@ -0,0 +1,34 @@ +import eslintConfigPrettier from "eslint-config-prettier"; +import globals from "globals"; +import pluginJs from "@eslint/js"; +import pluginVue from "eslint-plugin-vue"; + +/** @type {import('eslint').Linter.Config[]} */ +export default [ + { + languageOptions: { + globals: { + ...globals.browser, + lucide: "readonly", + }, + }, + }, + pluginJs.configs.all, + ...pluginVue.configs["flat/recommended"], + { + rules: { + "no-magic-numbers": "off", + "sort-keys": "off", + "no-warning-comments": "off", + "no-ternary": "off", + "one-var": "off", + "max-statements": ["warn", 50], + "max-params": ["warn", 5], + "max-lines": "off", + }, + }, + { + rules: {}, + }, + eslintConfigPrettier, +]; diff --git a/index.html b/index.html index 44b4c35..dec7b13 100644 --- a/index.html +++ b/index.html @@ -1,31 +1,50 @@ - + +
- -