{"id":16568651,"url":"https://github.com/idushii/vue-bootstrap-elements","last_synced_at":"2026-04-15T21:32:18.815Z","repository":{"id":57394720,"uuid":"126690341","full_name":"idushii/vue-bootstrap-elements","owner":"idushii","description":"Написание html кода bootstrap с минимальным количеством кода","archived":false,"fork":false,"pushed_at":"2018-03-25T11:49:09.000Z","size":11,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-12-07T00:31:39.094Z","etag":null,"topics":["bootstrap","bootstrap4","components","vue","vuejs","vuejs2"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/vue-bootstrap-elements","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/idushii.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-03-25T11:24:27.000Z","updated_at":"2018-03-25T11:49:41.000Z","dependencies_parsed_at":"2022-09-06T02:51:15.398Z","dependency_job_id":null,"html_url":"https://github.com/idushii/vue-bootstrap-elements","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/idushii/vue-bootstrap-elements","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idushii%2Fvue-bootstrap-elements","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idushii%2Fvue-bootstrap-elements/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idushii%2Fvue-bootstrap-elements/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idushii%2Fvue-bootstrap-elements/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/idushii","download_url":"https://codeload.github.com/idushii/vue-bootstrap-elements/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idushii%2Fvue-bootstrap-elements/sbom","scorecard":{"id":481810,"data":{"date":"2025-08-11","repo":{"name":"github.com/idushii/vue-bootstrap-elements","commit":"2e46179b908861d9831f64adda512a6be01e86bd"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3,"checks":[{"name":"Code-Review","score":0,"reason":"Found 0/5 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}}]},"last_synced_at":"2025-08-19T16:49:58.453Z","repository_id":57394720,"created_at":"2025-08-19T16:49:58.453Z","updated_at":"2025-08-19T16:49:58.453Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31861364,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T15:24:51.572Z","status":"ssl_error","status_checked_at":"2026-04-15T15:24:39.138Z","response_time":63,"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":["bootstrap","bootstrap4","components","vue","vuejs","vuejs2"],"created_at":"2024-10-11T21:11:15.033Z","updated_at":"2026-04-15T21:32:18.798Z","avatar_url":"https://github.com/idushii.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Установка\n\nУстановить\n\n`npm install vue-bootstrap-elements`\n\n`yarn add vue-bootstrap-elements`\n\nПодключить\n\n`require('vue-bootstrap-elements');`\n\n# Вводная\n\nМне нравится настраиваемость фреймворка bootstrap, его унифицированность и предсказуемое поведение.\nНо мне не нравится следующая из этого многословность, необходимость написания нескольких строк кода для задания простого текстового поля, что я и решаю отдельными компонентами. Настраиваемость реализована через атрибуты. Такая реализация придает выразительности и понятности коду, что сказывается наилучшим образом при написании кода.\n\n\u003e Краткость - сестра таланта.\n\nДополнительно, я реализовал снипеты для быстрого набора кода. Через некоторое время и планирую реализовать специальное расширение, которое бы давало подсказки для ввода кода и предлагало бы возможные атрибуты для компонентов пакета и только для них, не предлагая для других компонентов.\n\nПример:\n```\n\u003ccard title=\"Форма\" row\u003e\n  \u003cfield :column=\"[12, 6]\" label=\"Поле 1\" v-model=\"text_1\" /\u003e\n  \u003cfield :column=\"[12, 6]\" label=\"Поле 2\" v-model=\"text_2\" /\u003e\n  \u003cfield column=\"12\" button right value=\"Отправить\" /\u003e\n\u003c/card\u003e\n```\n\n# Реализованные компоненты:\n* row\n* collumn\n* grid\n* card\n* field\n* TableEdit\n\n## Компонент row\nКомпонент, помогающий создавать сетку.\n### Центрирование\nАтрибут `center` реализует центрирование контента. \nВозможно указание для каких мониторов выполнять выравнивание. \nПример: `{sm: 12, md: 4, lg: 2}`\n\n## Компонент collumn\nРеализует элемент колонки. Базируется на \n```\n\u003cdiv class=\"col-12\"\u003e\u003c/div\u003e\n```\n### Размер\nАтрибуты `sm`, `md`, `lg` указывают размер колонки при различной ширине монитора.\n\n### Отступы\nАтрибут `offset` указывает отступы. Значения задаются объектом. Пример: `{sm: 0, md: 0, lg: 0}`.\n\n### Выравнивание\nАтрибуты `left`, `center` и `right` помогают выравнять контент с помощью добавления классов `text-left`, `text-center` и `text-right`.\n\n## Компонент grid\nКомпонент `gird` реализует функционал нескольких компонентов сразу: `row` и `collumn`.\nВ атрибуте `col` указывается количество колонок в сетке.\nСами колонки указываются в соответсвующих слотах. Пример имени слота для первой колонки: `col-1`.\nАтрибуты `sm`, `md`, `lg` указывают размер колонок. Одно значение задает один размер для колонок. Несколько значений, разделенных пробелами задают соответствеющие размеры колонок. \nПример: \n```\n\u003cgrid col=2 sm=\"8 4\"\u003e\n  \u003cdiv slot=\"col-1\"\u003eКолонка 1\u003c/div\u003e\n  \u003cdiv slot=\"col-2\"\u003eКолонка 2\u003c/div\u003e\n\u003c/grid\u003e\n```\nАтрибут `center` реализует центрирование контента. Возможно указание для каких мониторов выполнять выравнивание. \nПример: `{sm: 12, md: 4, lg: 2}`\n\n## Компонент card\nКомпонент `card` базируется на коде \n```\n\u003cdiv class=\"card\"\u003e\n  \u003cdiv class=\"card-body\"\u003e\u003c/div\u003e\n\u003c/div\u003e\n```\nПример использования:\n```\n\u003ccard title=\"Заголовок\" @close=\"event\"\u003e\n  Какой-то контент\n\u003c/card\u003e\n```\n### Заголовок\nУказать заголовок возможно через атрибут `title`.\nТак же возможно указание напрямую в основном слоте (т.е. между открывающим и закрывающим тегом card) в коде.\n\n### header и footer\nЗадать части `heade`r и `footer` возможно через атрибуты либо через слоты.\n\n### Сетка\nДля упрощения работы в Vue DevTool возможно указать атрибут `row`, что автоматически укажет класс row для элемента card-body\n\n### Центрирование\nАтрибут `center` добавляет класс text-center, что центрирует контент компонента.\n\n### Кнопка \"закрыть\"\nПри указании события `@close` автоматически добавится значок закрытия.\n\n## Компонент field\nКомпонент `field` реализует поле для воода данных (input, textarea, button).\nДля указания типа поля необходимо указать любой из атрибутов `text`, `textarea`, `select`, `button` `password`, `email`, `number` или `numeric`.\n\n### select\nДля указания данных списка необходимо указать атрибут `options`.\nОн может быть простым массивом строк или же массивом объектов с полями `id` и `text` (или же `title`).\nПример `select`:\n```\n\u003cfield select v-model=\"pole\" :options=\"['item 1', 'item 2', 'item 3']\"\u003e\n```\n\n### number\nСиноним `numeric`. Могут быть дополнительные атрибуты `max` и `min`.\n\n### Стандартые атрибуты\n`placeholder`, `disabled`, `type`. \nАтрибут `type` принимает значения: `text`, `textarea`, `select`, `button` `password`, `email`, `number`.\n\n### Подпись\nАтрибут `label` добавляет подпись к полю. При этом к родителю (локальному) добавляется класс `form-group`.\nПример:\n```\n\u003cfield value=\"Значение\" label=\"Подпись\"\u003e\n```\n\n### Размер\nАтрибуты `sm` И `lg` задают соответствующие размеры поля ввода.\n```\n\u003cfield v-model=\"Значение\" label=\"Подпись\" sm\u003e\n```\n\n### Цвет\nАтрибуты: `primary`, `secondary`, `danger`.\nДля Кнопок можно добавить атрибут `outline`.\n\n### Дополнительный контент\nАтрибуты `prepend` и `append` добавляют дополнительный контент перед и после поля ввода (реализовано только input)\n\n### Колонки\nАтрибут `column` задает дополнительные классы `sm-#`, `md-#`, `lg-#`. \nПримеры: `column=1`, `:column=\"[12 4 2]\"`\n\n## TableEdit\nКомпонент редактируемая таблица. Разрабатывается. Код не еще устоялся.\n\n# Лицензия\nMIT","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fidushii%2Fvue-bootstrap-elements","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fidushii%2Fvue-bootstrap-elements","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fidushii%2Fvue-bootstrap-elements/lists"}