{"id":13506716,"url":"https://github.com/GrabarzUndPartner/nuxt-custom-elements","last_synced_at":"2025-03-30T05:31:20.062Z","repository":{"id":36958254,"uuid":"236359608","full_name":"GrabarzUndPartner/nuxt-custom-elements","owner":"GrabarzUndPartner","description":"Publish your components as a custom-element standalone build.","archived":false,"fork":false,"pushed_at":"2024-10-29T18:12:59.000Z","size":42830,"stargazers_count":80,"open_issues_count":7,"forks_count":10,"subscribers_count":6,"default_branch":"main","last_synced_at":"2024-10-29T20:18:41.655Z","etag":null,"topics":["custom-element","nuxt-module","nuxtjs","shadow-dom","vue-custom-element","vuejs"],"latest_commit_sha":null,"homepage":"https://grabarzundpartner.github.io/nuxt-custom-elements/","language":"JavaScript","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/GrabarzUndPartner.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"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}},"created_at":"2020-01-26T18:52:02.000Z","updated_at":"2024-09-01T20:48:10.000Z","dependencies_parsed_at":"2023-09-24T17:56:53.599Z","dependency_job_id":"68cd118b-911a-4c5b-9854-8e9aa179ebdb","html_url":"https://github.com/GrabarzUndPartner/nuxt-custom-elements","commit_stats":{"total_commits":583,"total_committers":7,"mean_commits":83.28571428571429,"dds":0.5385934819897085,"last_synced_commit":"3591e3e4bcb65bc243451a80391be1f9ef342775"},"previous_names":[],"tags_count":96,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GrabarzUndPartner%2Fnuxt-custom-elements","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GrabarzUndPartner%2Fnuxt-custom-elements/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GrabarzUndPartner%2Fnuxt-custom-elements/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GrabarzUndPartner%2Fnuxt-custom-elements/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GrabarzUndPartner","download_url":"https://codeload.github.com/GrabarzUndPartner/nuxt-custom-elements/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246281099,"owners_count":20752203,"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":["custom-element","nuxt-module","nuxtjs","shadow-dom","vue-custom-element","vuejs"],"created_at":"2024-08-01T01:00:56.147Z","updated_at":"2025-03-30T05:31:19.536Z","avatar_url":"https://github.com/GrabarzUndPartner.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized","Libraries"],"sub_categories":["Uncategorized","Integrations"],"readme":"\u003cp align=\"right\"\u003e\n  share me:\n  \u003ca href=\"https://twitter.com/intent/tweet?url=https://github.com/GrabarzUndPartner/nuxt-custom-elements\u0026text=Nuxt Custom-Elements allows you to export your existing project components as custom elements for integration into external pages.\u0026via=grabarzpartner\u0026hashtags=vue,nuxt,customElement\"\u003e\n    \u003cimg width=\"24\" height=\"24\" src=\"https://raw.githubusercontent.com/edent/SuperTinyIcons/master/images/svg/twitter.svg?sanitize=true\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://news.ycombinator.com/submitlink?u=https://github.com/GrabarzUndPartner/nuxt-custom-elements\u0026t=nuxt-custom-elements will help you to improve the lighthouse performance score\"\u003e\n    \u003cimg width=\"24\" height=\"24\" src=\"https://raw.githubusercontent.com/edent/SuperTinyIcons/master/images/svg/hackernews.svg?sanitize=true\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://reddit.com/submit?url=https://github.com/GrabarzUndPartner/nuxt-custom-elements\u0026title=Nuxt Custom-Elements allows you to export your existing project components as custom elements for integration into external pages.\"\u003e\n    \u003cimg width=\"24\" height=\"24\" src=\"https://raw.githubusercontent.com/edent/SuperTinyIcons/master/images/svg/reddit.svg?sanitize=true\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.facebook.com/sharer.php?u=https://github.com/GrabarzUndPartner/nuxt-custom-elements\"\u003e\n    \u003cimg width=\"24\" height=\"24\" src=\"https://raw.githubusercontent.com/edent/SuperTinyIcons/master/images/svg/facebook.svg?sanitize=true\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.xing.com/spi/shares/new?url=https://github.com/GrabarzUndPartner/nuxt-custom-elements\"\u003e\n    \u003cimg width=\"24\" height=\"24\" src=\"https://raw.githubusercontent.com/edent/SuperTinyIcons/master/images/svg/xing.svg?sanitize=true\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.linkedin.com/shareArticle?mini=true\u0026url=https://github.com/GrabarzUndPartner/nuxt-custom-elements\u0026title=nuxt-custom-elements\u0026summary=Nuxt Custom-Elements allows you to export your existing project components as custom elements for integration into external pages.\"\u003e\n    \u003cimg width=\"24\" height=\"24\" src=\"https://raw.githubusercontent.com/edent/SuperTinyIcons/master/images/svg/linkedin.svg?sanitize=true\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\n![nuxt-custom-elements][logo]\n\n# Nuxt Custom-Elements\n\n[![Grabarz \u0026 Partner - Module][grabarz-partner-module-src]][grabarz-partner-href] \n\n[![main][github-workflow-main-src]][github-workflow-main-href]\n[![develop][github-workflow-develop-src]][github-workflow-develop-href]\n[![Sonarcloud Status][sonarcloud-src]][sonarcloud-href]\n\n[![npm version][npm-version-latest-src]][npm-version-latest-href]\n[![npm downloads][npm-downloads-src]][npm-downloads-href]\n\n[![Renovate - Status][renovate-status-src]][renovate-status-href]\n[![License][license-src]][license-href]\n\n- [✨ \u0026nbsp;\u0026nbsp;**Release Notes**](./CHANGELOG.md)\n- [📖 \u0026nbsp;\u0026nbsp;**Documentation**](https://nuxt-custom-elements.grabarzundpartner.dev/)\n- [👁 \u0026nbsp;\u0026nbsp;**Preview**](https://grabarzundpartner.github.io/nuxt-custom-elements-example/)\n\n\u003e Publish your Components as a [vue-custom-element](https://github.com/karol-f/vue-custom-element) standalone build.\n\nNuxt Custom-Elements allows you to export your existing project components as custom elements for integration into external pages.\n\n## Features\n\n- Using modern and client build\n- Export components as widgets\n- Use the `Shadow DOM` 🥷\n- Use [TailwindCSS](https://tailwindcss.com/) and [Vuetify](https://vuetifyjs.com/) for your widgets\n  \n📖 \u0026nbsp;\u0026nbsp;[Learn more in the documentation](https://nuxt-custom-elements.grabarzundpartner.dev/)\n\n## Browsers support\n\nFor cross-browser [compatibility](https://github.com/ungap/custom-elements#compatibility) (IE11+) the `client` build uses the Polyfill [custom-elements](https://github.com/ungap/custom-elements)\n\n\u003e Polyfill not included in the `modern` build, optional include by option `modernPolyfill` ([Learn more](https://nuxt-custom-elements.grabarzundpartner.dev/options/#modernpolyfill)).\n\n## Development\n\n1. Clone this repository\n2. Install dependencies using `npm install` or `yarn install`\n3. Start development server using `npm run dev` or `yarn dev`\n\n## Preview\n\n1. Clone this repository\n2. Install dependencies using `yarn install` or `npm install`\n3. Build and start with express `yarn start:build` or `npm run start:build`\n4. Open endpoints via `http://127.0.0.1:3000/` in Browser\n\n## License\n\n[MIT License](./LICENSE)\n\n\u003c!-- Badges --\u003e\n[logo]: https://user-images.githubusercontent.com/8287751/108605028-b8193f00-73b1-11eb-9a80-872ab36e3a69.png \"nuxt-custom-elements\"\n[grabarz-partner-module-src]: \u003chttps://img.shields.io/badge/Grabarz%20\u0026%20Partner-Module-d19700\u003e\n[grabarz-partner-href]: \u003chttps://grabarzundpartner.de\u003e\n\n[renovate-status-src]: \u003chttps://img.shields.io/badge/renovate-enabled-brightgreen\u003e\n[renovate-status-href]: \u003chttps://renovate.whitesourcesoftware.com/\u003e\n\n[github-workflow-main-src]: \u003chttps://github.com/GrabarzUndPartner/nuxt-custom-elements/workflows/Main/badge.svg?branch=main\u003e\n[github-workflow-main-href]: \u003chttps://github.com/GrabarzUndPartner/nuxt-custom-elements/actions?query=workflow%3AMain\u003e\n[github-workflow-develop-src]: \u003chttps://github.com/GrabarzUndPartner/nuxt-custom-elements/workflows/Test/badge.svg?branch=develop\u003e\n[github-workflow-develop-href]: \u003chttps://github.com/GrabarzUndPartner/nuxt-custom-elements/actions?query=workflow%3ATest\u003e\n[dependencies-status-src]: \u003chttps://david-dm.org/GrabarzUndPartner/nuxt-custom-elements/status.svg\u003e\n[dependencies-status-href]: \u003chttps://david-dm.org/GrabarzUndPartner/nuxt-custom-elements\u003e\n[dependencies-dev-status-src]: \u003chttps://david-dm.org/GrabarzUndPartner/nuxt-custom-elements/dev-status.svg\u003e\n[dependencies-dev-status-href]: \u003chttps://david-dm.org/GrabarzUndPartner/nuxt-custom-elements?type=dev\u003e\n\n[sonarcloud-src]: \u003chttps://sonarcloud.io/api/project_badges/measure?project=GrabarzUndPartner_nuxt-custom-elements\u0026metric=alert_status\u003e\n[sonarcloud-href]: \u003chttps://sonarcloud.io/dashboard?id=GrabarzUndPartner_nuxt-custom-elements\u003e\n\n[license-src]: https://img.shields.io/npm/l/nuxt-custom-elements.svg?style=flat-square\n[license-href]: https://npmjs.com/package/nuxt-custom-elements\n\n[npm-version-latest-src]: https://img.shields.io/npm/v/nuxt-custom-elements/latest.svg?\n[npm-version-latest-href]: https://npmjs.com/package/nuxt-custom-elements/v/latest\n\n[npm-downloads-src]: https://img.shields.io/npm/dt/nuxt-custom-elements.svg?style=flat-square\n[npm-downloads-href]: https://npmjs.com/package/nuxt-custom-elements\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGrabarzUndPartner%2Fnuxt-custom-elements","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FGrabarzUndPartner%2Fnuxt-custom-elements","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGrabarzUndPartner%2Fnuxt-custom-elements/lists"}