{"id":22048560,"url":"https://github.com/samhammerag/vue-codestyle","last_synced_at":"2026-05-01T00:31:53.025Z","repository":{"id":46749881,"uuid":"440934268","full_name":"SamhammerAG/vue-codestyle","owner":"SamhammerAG","description":null,"archived":false,"fork":false,"pushed_at":"2023-08-07T15:06:06.000Z","size":585,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-08-04T17:57:53.306Z","etag":null,"topics":["vuejs"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SamhammerAG.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-12-22T17:24:22.000Z","updated_at":"2022-12-13T14:26:51.000Z","dependencies_parsed_at":"2025-08-04T15:56:26.333Z","dependency_job_id":null,"html_url":"https://github.com/SamhammerAG/vue-codestyle","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SamhammerAG/vue-codestyle","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SamhammerAG%2Fvue-codestyle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SamhammerAG%2Fvue-codestyle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SamhammerAG%2Fvue-codestyle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SamhammerAG%2Fvue-codestyle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SamhammerAG","download_url":"https://codeload.github.com/SamhammerAG/vue-codestyle/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SamhammerAG%2Fvue-codestyle/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32481553,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"ssl_error","status_checked_at":"2026-04-30T13:12:06.837Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["vuejs"],"created_at":"2024-11-30T14:12:46.389Z","updated_at":"2026-05-01T00:31:52.995Z","avatar_url":"https://github.com/SamhammerAG.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-codestyle for vue3\n\nRequirements\n\n-   node 18\n-   yarn 1.x (latest)\n\n## Project creation\n\nHow to create and setup a vue3 typescript project with codestyle using eslint + prettier\n\n### create project https://github.com/vuejs/create-vue\n\n```\nyarn create vue\n\nsuccess Installed \"create-vue@3.6.1\" with binaries:\n\n√ Project name: ... vue-project\n√ Add TypeScript? ... Yes\n√ Add JSX Support? ... No\n√ Add Vue Router for Single Page Application development? ... Yes\n√ Add Pinia for state management? ... Yes\n√ Add Vitest for Unit Testing? ... Yes\n√ Add an End-to-End Testing Solution? » No\n√ Add ESLint for code quality? ... Yes\n√ Add Prettier for code formatting? ... Yes\n```\n\n### install packages\n\n```\nyarn add sass -D\nyarn add autoprefixer -D\nyarn add postcss-html -D\nyarn add stylelint -D\nyarn add stylelint-config-recommended-scss -D\nyarn add stylelint-config-recommended-vue -D\nyarn add eslint-plugin-import -D\n```\n\n### adjust configuration\n\n-   IDE\n    -   Add [.vscode/settings.json](.vscode/settings.json) and exclude it from [.gitignore](.gitignore)\n    -   Add [.vscode/extensions.json](.vscode/extensions.json)\n    -   Install extension from workspace recommendations: @recommended\n    -   Disable extension @builtin typescript-language-features (replaced by volar)\n    -   Disable extension @installed vetur (conflicts with volar)\n-   CodeStyle\n    -   Add EditorConfig [.editorconfig](.editorconfig)\n    -   Add Prettier Config [.prettierrc.json](.prettierrc.json)\n    -   Add StyleLint Config [.stylelintrc.json](.stylelintrc.json)\n    -   Add SAG Rules Config [.eslintsag.cjs](.eslintsag.cjs)\n    -   Update ESLint Config [.eslintrc.cjs](.eslintrc.cjs)\n        -   Change plugin:vue/essential to plugin:vue/vue3-strongly-recommended\n        -   Change @vue/eslint-config-typescript to @vue/eslint-config-typescript/recommended\n        -   Add SAG Rules as last rule before @vue/eslint-config-prettier\n-   Other\n    -   Add Autoprefixer [postcss.config.cjs](postcss.config.cjs)\n    -   Adjust [vite.config.ts](vite.config.ts)\n        -   server \u003e port \u003e 8080\n        -   build \u003e target \u003e esnext\n\n##### Adjust package.json\n\n```\n\"test:unit\": \"vitest run\"\n\"lint:style\": \"stylelint src/**/*.{css,scss,vue} --fix\"\n```\n\n### Codestyle Troubleshooting\n\nWant to know which rules we are using?\nWe can dump the complete configuration by cli commands.\n\n```\nyarn run --silent eslint --print-config .eslintrc.cjs\nyarn run --silent stylelint --print-config .stylelintrc.js\n```\n\n### Settings Guides\n\n-   https://vuejs.org/guide/typescript/overview.html#ide-support\n-   https://eslint.vuejs.org/user-guide/#editor-integrations\n-   https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint#usage\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamhammerag%2Fvue-codestyle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamhammerag%2Fvue-codestyle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamhammerag%2Fvue-codestyle/lists"}