{"id":13405842,"url":"https://github.com/LeCoupa/vuetimeline","last_synced_at":"2025-03-14T10:31:46.100Z","repository":{"id":38842703,"uuid":"220046826","full_name":"LeCoupa/vuetimeline","owner":"LeCoupa","description":"🕵️‍♀️🕵️‍♂️ One easy-to-use component for Vue.js to build beautiful responsive timelines.","archived":false,"fork":false,"pushed_at":"2022-12-30T19:31:55.000Z","size":1397,"stargazers_count":349,"open_issues_count":24,"forks_count":44,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-10-30T00:43:51.446Z","etag":null,"topics":["component","nuxtjs","vuejs","vuetimeline"],"latest_commit_sha":null,"homepage":"https://www.growthbunker.dev/vuetimeline","language":"SCSS","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/LeCoupa.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-11-06T16:55:45.000Z","updated_at":"2024-10-29T13:21:40.000Z","dependencies_parsed_at":"2023-01-31T14:31:45.676Z","dependency_job_id":null,"html_url":"https://github.com/LeCoupa/vuetimeline","commit_stats":null,"previous_names":["growthbunker/vuetimeline"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeCoupa%2Fvuetimeline","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeCoupa%2Fvuetimeline/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeCoupa%2Fvuetimeline/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeCoupa%2Fvuetimeline/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LeCoupa","download_url":"https://codeload.github.com/LeCoupa/vuetimeline/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243562071,"owners_count":20311212,"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":["component","nuxtjs","vuejs","vuetimeline"],"created_at":"2024-07-30T19:02:13.460Z","updated_at":"2025-03-14T10:31:46.093Z","avatar_url":"https://github.com/LeCoupa.png","language":"SCSS","funding_links":[],"categories":["SCSS"],"sub_categories":[],"readme":"\u003cp align=\"center\" style=\"background: #1b2431; padding: 20px 0;\"\u003e\n  \u003ca href=\"https://www.growthbunker.dev/vuetimeline\" target=\"_blank\"\u003e\n    \u003cimg width=\"100%\" src=\"https://raw.githubusercontent.com/growthbunker/vuetimeline/master/src/images/vuetimeline.jpg\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n[![npm](https://img.shields.io/npm/v/@growthbunker/vuetimeline.svg)](https://www.npmjs.com/package/@growthbunker/vuetimeline)\n[![npm](https://img.shields.io/npm/dm/@growthbunker/vuetimeline.svg)](https://npm-stat.com/charts.html?package=@growthbunker/vuetimeline)\n[![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/growthbunker/vuetimeline.svg)](http://isitmaintained.com/project/growthbunker/vuetimeline \"Average time to resolve an issue\")\n[![Percentage of issues still open](http://isitmaintained.com/badge/open/growthbunker/vuetimeline.svg)](http://isitmaintained.com/project/growthbunker/vuetimeline \"Percentage of issues still open\")\n[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/growthbunker/vuetimeline/blob/master/LICENSE)\n[![Netlify Status](https://api.netlify.com/api/v1/badges/ae3d4112-1c84-4868-b4eb-271c3136ede6/deploy-status)](https://app.netlify.com/sites/growthbunker/deploys)\n\n## Documentation\n\nYou can browse the documentation for Vue Timeline [on the website](https://www.growthbunker.dev/vuetimeline).\n\n## Installation\n\n```\nnpm install @growthbunker/vuetimeline\n\n# Or if you prefer using yarn\nyarn add @growthbunker/vuetimeline\n```\n\n### Vue.js\n\nIn your `main.js` file:\n\n```js\nimport Vue from \"vue\"\nimport vuetimeline from \"@growthbunker/vuetimeline\"\n\nVue.use(vuetimeline)\n```\n\n### Nuxt.js\n\nCreate a new plugin in `plugins/vuetimeline.js`:\n\n```js\nimport Vue from \"vue\"\nimport vuetimeline from \"@growthbunker/vuetimeline\"\n\nVue.use(vuetimeline)\n```\n\nAdd this new plugin to `nuxt.config.js`.\n\n```js\nmodule.exports = {\n  // ...\n  plugins: [{ src: \"@/plugins/vuetimeline.js\" }];\n}\n```\n\n### CDN\n\nGet the latest version from [jsdelivr](https://www.jsdelivr.com/), and import the JavaScript file in your page.\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/vue@2.5/dist/vue.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/@growthbunker/vuetimeline@latest/dist/vuetimeline.min.js\"\u003e\u003c/script\u003e\n```\n\nWe recommend our users to lock Vue Timeline's version when using CDN. Requesting the latest version (as opposed to \"latest major\" or \"latest minor\") is dangerous because major versions usually come with breaking changes. Only do this if you really know what you are doing. [Please refer to jsdelivr.com](https://www.jsdelivr.com/features) for more information.\n\n## Example\n\nOnce the plugin is installed, you can use the component like this:\n\n```html\n\u003ctemplate\u003e\n  \u003c!-- Latest update --\u003e\n  \u003cvue-timeline-update\n    :date=\"new Date('2017-02-26')\"\n    title=\"v2.2.0 - Initial D\"\n    description=\"Today I am thrilled to announce the release of Vue.js 2.2.0.\"\n    thumbnail=\"/images/vuetimeline/initial_d.jpg\"\n    category=\"announcement\"\n    icon=\"code\"\n    color=\"red\"\n  /\u003e\n\n  \u003c!-- Another update --\u003e\n  \u003cvue-timeline-update\n    :date=\"new Date('2016-11-22')\"\n    title=\"v2.1.0 - Hunter X Hunter\"\n    description=\"Today I am thrilled to announce the release of Vue.js 2.1.0.\"\n    thumbnail=\"/images/vuetimeline/hunter_x_hunter.jpg\"\n    category=\"announcement\"\n    icon=\"code\"\n    color=\"turquoise\"\n  /\u003e\n\n  \u003c!-- Yet another update --\u003e\n  \u003cvue-timeline-update\n    :date=\"new Date('2016-09-30')\"\n    title=\"v2.0.0 - Ghost in the Shell\"\n    description=\"Today I am thrilled to announce the release of Vue.js 2.0.0\"\n    thumbnail=\"/images/vuetimeline/ghost_in_the_shell.jpg\"\n    category=\"announcement\"\n    icon=\"code\"\n    color=\"white\"\n    is-last\n  /\u003e\n\u003c/template\u003e\n```\n\n## Contributing\n\nYou are more than welcome to contribute to Vue Timeline. Just submit changes via pull request and I will review them before merging.\n\n1. Fork it! 🤙\n\n2. Create your feature branch: `git checkout -b my-new-feature`\n\n3. Commit your changes: `git commit -am \"Add some feature\"`\n\n4. Push to the branch: `git push origin my-new-feature`\n\n5. Submit a pull request 👍\n\nThe documentation is available in the `docs` folder. The Vue Timeline components are available in the `lib` folder.\n\n## License\n\nVue Timeline is [MIT licensed](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLeCoupa%2Fvuetimeline","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FLeCoupa%2Fvuetimeline","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLeCoupa%2Fvuetimeline/lists"}