{"id":20170165,"url":"https://github.com/marcodpt/vue-tree-nav","last_synced_at":"2025-10-05T20:13:51.143Z","repository":{"id":72022107,"uuid":"145630917","full_name":"marcodpt/vue-tree-nav","owner":"marcodpt","description":"Navigation tree menu component with nice integration with vue-router ","archived":false,"fork":false,"pushed_at":"2019-04-30T13:27:15.000Z","size":6361,"stargazers_count":27,"open_issues_count":1,"forks_count":11,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-09-30T06:15:35.087Z","etag":null,"topics":["component","menu","nav","navbar","navigation","sidebar","sidemenu","tree","vue","vue-router","vuejs2"],"latest_commit_sha":null,"homepage":"https://marcodpt.github.io/vue-tree-nav/","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/marcodpt.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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}},"created_at":"2018-08-21T23:37:34.000Z","updated_at":"2024-09-06T14:32:51.000Z","dependencies_parsed_at":"2023-02-28T06:46:35.861Z","dependency_job_id":null,"html_url":"https://github.com/marcodpt/vue-tree-nav","commit_stats":null,"previous_names":[],"tags_count":16,"template":false,"template_full_name":null,"purl":"pkg:github/marcodpt/vue-tree-nav","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marcodpt%2Fvue-tree-nav","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marcodpt%2Fvue-tree-nav/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marcodpt%2Fvue-tree-nav/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marcodpt%2Fvue-tree-nav/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/marcodpt","download_url":"https://codeload.github.com/marcodpt/vue-tree-nav/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/marcodpt%2Fvue-tree-nav/sbom","scorecard":{"id":618046,"data":{"date":"2025-08-11","repo":{"name":"github.com/marcodpt/vue-tree-nav","commit":"8ef7e785de21ceee77793546d466a9424e99fa54"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.7,"checks":[{"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":"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":"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":"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":"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":"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":"Code-Review","score":0,"reason":"Found 0/30 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":"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":"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":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE.md:0","Info: FSF or OSI recognized license: MIT License: LICENSE.md: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"}},{"name":"Vulnerabilities","score":0,"reason":"43 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-6chw-6frg-f759","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-wg6g-ppvx-927h","Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h","Warn: Project is vulnerable to: GHSA-9q64-mpxx-87fg","Warn: Project is vulnerable to: GHSA-jc84-3g44-wf2q","Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2","Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq","Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr","Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg","Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546","Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-gqgv-6jq5-jjj9","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7","Warn: Project is vulnerable to: GHSA-5j4c-8p2g-v4jx","Warn: Project is vulnerable to: GHSA-g3ch-rx76-35fx"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-21T04:30:37.873Z","repository_id":72022107,"created_at":"2025-08-21T04:30:37.873Z","updated_at":"2025-08-21T04:30:37.873Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278510949,"owners_count":25999012,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["component","menu","nav","navbar","navigation","sidebar","sidemenu","tree","vue","vue-router","vuejs2"],"created_at":"2024-11-14T01:17:31.218Z","updated_at":"2025-10-05T20:13:51.109Z","avatar_url":"https://github.com/marcodpt.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-tree-nav\n Navigation tree menu component with nice integration with vue-router \n - Ready out of the box! \n - Side bar with infinite depth\n - Links and dropdows with infinite depth on both right and left side\n - Font Awesome icons\n - Css transitions\n - Beautiful themes to choose\n - Complete customizable\n\n### [Live Demo](http://marcodpt.github.io/vue-tree-nav)\n\n## Install\n```\nnpm install --save vue-tree-nav\n```\n\n## Usage \n\n```javascript\n  import Vue from 'vue'\n  import treeNav from 'vue-tree-nav'\n\n  new Vue({\n    components: {\n      'vue-tree-nav': treeNav\n    },\n    data: {\n      left: [\n        {\n          label: 'Home',\n          icon: 'home',\n          href: '#/home'\n        }, {\n          label: 'Animals',\n          children: [\n            {\n              label: 'Elephant',\n              href: '#/animals/elephant'\n            }, {\n              label: 'Lion',\n              href: '#/animals/lion'\n            }, {\n              label: 'Bear',\n              href: '#/animals/bear'\n            }, {\n              label: 'Eagle',\n              href: '#/animals/eagle'\n            }, {\n              label: 'Wolf',\n              href: '#/animals/wolf'\n            }\n\n          ]\n        }\n      ],\n      right: [\n        {\n          href: 'https://github.com/marcodpt/vue-tree-nav',\n          icon: 'brands/github'\n        }\n      ]\n    }\n  }).$mount('#app')\n```\n\n```html\n  \u003cvue-tree-nav\n    :left=\"left\"\n    :right=\"right\"\n  \u003e\u003c/vue-tree-nav\u003e\n```\n   - If you pass directly your vue-router routes in **side**, **left** or **right** prop it will do some magic, ignoring routes with :variable and redirect for obvious reasons\n\n### Props\n - side\n   - type: Array\n   - default: []\n   - description: Side navigation menu, see section **Items** below\n - left\n   - type: Array\n   - default: []\n   - description: Top bar on the left, see section **Items** below\n - right\n   - type: Array\n   - default: []\n   - description: Top bar on the right, see section **Items** below\n - location\n   - type: String\n   - default: \"\"\n   - description: Current location use $route.fullPath with vue-router or window.location.href without\n - showPath\n   - type: Boolean\n   - default: true\n   - description: show current path near hamburguer menu\n - barScale\n   - type: Number\n   - default: 1\n   - description: scale of icons and font in top bar\n - sideScale\n   - type: Number\n   - default: 1\n   - description: scale of icons and font in side bar\n - bgColor\n   - type: String\n   - default: '#f3f3f3'\n   - description: background color of top and side bar\n - fontColor\n   - type: String\n   - default: '#666666'\n   - description: font color of top and side bar\n - hoverColor\n   - type: String\n   - default: '#dddddd'\n   - description: background color in case of hovering any link\n - activeColor\n   - type: String\n   - default: '#000000'\n   - description: active font color of top and side bar, active items will change font color\n\n### Items of side, left, right\n   - items (Object):\n     - label\n       - type: String\n       - default: \"\"\n       - description: label that appear in the screen\n     - href\n       - type: String, Function\n       - default: \"\"\n       - description: string it will be a normal link, otherwise it will call the function\n     - icon\n       - type: String\n       - default: \"\"\n       - description: One of [Font Awesome Icons](https://fontawesome.com/icons?d=gallery\u0026s=solid\u0026m=free)\n     - children\n       - type: Array\n       - default: []\n       - description: Again it is an array of items, in the side menu you can go infinity depth, in the top bar it will ignore, soon we will create a dropdown\n\n## Contribute\nWe need help! Our goals are:\n - Beautiful CSS Themes created by users\n - Beautiful CSS transitions and animations\n - Add tests\n - More usage examples and better home page\n - Add support to most browsers and devices\n\nWhat is outside of the scope of this project:\n - Use any css framework! Althought we want themes compatible!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarcodpt%2Fvue-tree-nav","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarcodpt%2Fvue-tree-nav","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarcodpt%2Fvue-tree-nav/lists"}