{"id":22725734,"url":"https://github.com/webdevnerdstuff/vue-code-block","last_synced_at":"2025-04-05T11:07:16.619Z","repository":{"id":143196672,"uuid":"610008233","full_name":"webdevnerdstuff/vue-code-block","owner":"webdevnerdstuff","description":"Vue 3 CodeBlock - Highlight your code with ease using this syntax highlighting component powered by PrismJS or Highlight.js.","archived":false,"fork":false,"pushed_at":"2024-12-12T19:07:47.000Z","size":17139,"stargazers_count":51,"open_issues_count":0,"forks_count":3,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-03-29T10:05:28.208Z","etag":null,"topics":["code","component","javascript","neon-bunny","pre","prism","prismjs","syntax","syntax-highlighting","typescript","vue","vue3"],"latest_commit_sha":null,"homepage":"https://webdevnerdstuff.github.io/vue-code-block/","language":"TypeScript","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/webdevnerdstuff.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":".github/CODE_OF_CONDUCT.md","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},"funding":{"buy_me_a_coffee":"webdevnerdstuff","custom":["paypal.me/webdevnerdstuff"],"patreon":"webdevnerdstuff"}},"created_at":"2023-03-05T21:50:03.000Z","updated_at":"2025-03-21T02:26:39.000Z","dependencies_parsed_at":"2023-12-18T04:24:59.418Z","dependency_job_id":"c45cb222-297b-4647-9137-c2fb26fe3171","html_url":"https://github.com/webdevnerdstuff/vue-code-block","commit_stats":null,"previous_names":[],"tags_count":52,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevnerdstuff%2Fvue-code-block","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevnerdstuff%2Fvue-code-block/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevnerdstuff%2Fvue-code-block/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdevnerdstuff%2Fvue-code-block/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webdevnerdstuff","download_url":"https://codeload.github.com/webdevnerdstuff/vue-code-block/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247325693,"owners_count":20920714,"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","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":["code","component","javascript","neon-bunny","pre","prism","prismjs","syntax","syntax-highlighting","typescript","vue","vue3"],"created_at":"2024-12-10T16:14:01.496Z","updated_at":"2025-04-05T11:07:16.596Z","avatar_url":"https://github.com/webdevnerdstuff.png","language":"TypeScript","funding_links":["https://buymeacoffee.com/webdevnerdstuff","paypal.me/webdevnerdstuff","https://patreon.com/webdevnerdstuff"],"categories":["Components \u0026 Libraries"],"sub_categories":["UI Components"],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Vue\" width=\"100\" src=\"https://github.com/webdevnerdstuff/vue-code-block/raw/main/public/vue.svg\"\u003e\n\u003c/p\u003e\n\n\u003cp\u003e\n  \u003ch1 align=\"center\"\u003eVue 3 CodeBlock\u003c/h1\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@wdns/vue-code-block\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/@wdns/vue-code-block?color=1867c0\u0026logo=npm\" alt=\"NPM Package\"\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\n  \u003ca href=\"https://github.com/webdevnerdstuff/vue-code-block\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/GitHub-WebDevNerdStuff-brightgreen.svg?logo=github\" alt=\"@WebDevNerdStuff\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\n## Description\n\nThe Vue 3 CodeBlock component leverages the power of [PrismJS](https://prismjs.com/) or [Highlight.js](https://highlightjs.org/) to provide syntax highlighting for code blocks within your application. The component takes a prop, which is the code to be highlighted, and uses PrismJS or Highlight.js to render the code with syntax highlighting. The component supports a variety of programming languages and can be customized with different themes to match your application's design. With this component, your users can display their code snippets with ease and clarity, making it easier to share and collaborate on code within your application.\n\n\n## Installation\n \nUsing [pnpm](https://pnpm.io/):\n```\npnpm add @wdns/vue-code-block\n```\n\nUsing npm:\n```\nnpm i @wdns/vue-code-block\n```\n \n## Documentation\n \n[Documentation \u0026 Demo](https://webdevnerdstuff.github.io/vue-code-block/)\n\n## Dependencies\n \n[PrismJS](https://prismjs.com/)  \n[Highlight.js](https://highlightjs.org/)  \n[Vue 3](https://vuejs.org/)  \n[UAParser.js](https://www.npmjs.com/package/ua-parser-js)\n\n\n## Change Log\n \n[CHANGELOG](https://github.com/webdevnerdstuff/vue-code-block/blob/main/CHANGELOG.md)\n\n\n## License\n\nCopyright (c) 2023 WebDevNerdStuff  \nLicensed under the [MIT license](https://github.com/webdevnerdstuff/vue-code-block/blob/main/LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebdevnerdstuff%2Fvue-code-block","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebdevnerdstuff%2Fvue-code-block","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebdevnerdstuff%2Fvue-code-block/lists"}