{"id":19656479,"url":"https://github.com/daggerok/parcel-vue-ts-decorator-example","last_synced_at":"2026-05-19T15:09:29.746Z","repository":{"id":40811265,"uuid":"186200308","full_name":"daggerok/parcel-vue-ts-decorator-example","owner":"daggerok","description":"Awesome Vue TypeScript Component usage (decorators) with parcel-bundler build","archived":false,"fork":false,"pushed_at":"2023-03-02T23:37:05.000Z","size":2763,"stargazers_count":0,"open_issues_count":8,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-27T02:22:07.097Z","etag":null,"topics":["parcel","parcel-bundler","parcel-ts","parcel-typescript","parcel-vue","parceljs","typescript","vue","vue-components","vue-parcel","vue-router","vue-ts","vue-typescript","vue2","vuejs","vuejs2"],"latest_commit_sha":null,"homepage":"https://daggerok.github.io/parcel-vue-ts-decorator-example/","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/daggerok.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-05-12T02:00:51.000Z","updated_at":"2021-10-21T14:59:39.000Z","dependencies_parsed_at":"2024-11-11T15:33:42.219Z","dependency_job_id":"b523ea3a-f3a1-4344-8b03-40f64ace3dee","html_url":"https://github.com/daggerok/parcel-vue-ts-decorator-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/daggerok/parcel-vue-ts-decorator-example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daggerok%2Fparcel-vue-ts-decorator-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daggerok%2Fparcel-vue-ts-decorator-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daggerok%2Fparcel-vue-ts-decorator-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daggerok%2Fparcel-vue-ts-decorator-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/daggerok","download_url":"https://codeload.github.com/daggerok/parcel-vue-ts-decorator-example/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daggerok%2Fparcel-vue-ts-decorator-example/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263922512,"owners_count":23530338,"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":["parcel","parcel-bundler","parcel-ts","parcel-typescript","parcel-vue","parceljs","typescript","vue","vue-components","vue-parcel","vue-router","vue-ts","vue-typescript","vue2","vuejs","vuejs2"],"created_at":"2024-11-11T15:27:55.214Z","updated_at":"2026-05-19T15:09:19.726Z","avatar_url":"https://github.com/daggerok.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Vue.js + TypeScript (with decorators) + Parcel [![CI](https://github.com/daggerok/parcel-vue-ts-decorator-example/actions/workflows/ci.yaml/badge.svg)](https://github.com/daggerok/parcel-vue-ts-decorator-example/actions/workflows/ci.yaml)\r\nAwesome Vue TypeScript Component usage (decorators) with parcel-bundler build \r\n\r\n\u003c!-- old Travis status badge:\r\n[![Build Status](https://travis-ci.org/daggerok/parcel-vue-ts-decorator-example.svg?branch=master)](https://travis-ci.org/daggerok/parcel-vue-ts-decorator-example)\r\n--\u003e\r\n\r\n__Development__\r\n\r\n```\r\nnpm i\r\nnpm start\r\n```\r\n\r\n__Production Build__\r\n\r\n```bash\r\nnpm run build\r\n# or: npm run serve\r\n```\r\n\r\n__Run Unit Tests__\r\n\r\n```bash\r\nnpm t\r\n```\r\n\r\nNote that new components should be added to test_map.js in order to make them easily available to the unit tests.\r\n\r\n__Write and Run Integration Tests__\r\n\r\nBegin by running the parcel command to start serving the project locally on port 1234.\r\n\r\nThen export an env var for the Cypress baseUrl\r\n\r\n```bash\r\nexport CYPRESS_baseUrl=http://localhost:1234\r\n```\r\n\r\nor in PowerShell\r\n\r\n```batch\r\n$env:CYPRESS_baseUrl = \"http://localhost:1234\"\r\n```\r\n\r\nThen launch Cypress to run tests\r\n\r\n```bash\r\n./node_modules/.bin/cypress open\r\n```\r\n\r\n__TSLint Setup__\r\n\r\nTo run tslint manually (doesn't lint in .vue files yet)\r\n\r\n```bash\r\nnpm run lint\r\n```\r\n\r\n__GitHub Pages__\r\n\r\nSee `.travis.yml`, but in short:\r\n\r\n```bash\r\nnpm run gh-pages\r\n```\r\n\r\n__Links and Resources__\r\n\r\n* [GitHub: vuejs/vue-class-component - see that example as a reference](https://github.com/vuejs/vue-class-component/blob/master/example/tsconfig.json)\r\n* [Read Vue TypeScript article](https://github.com/Microsoft/TypeScript-Vue-Starter#using-decorators-to-define-a-component)\r\n* [Parcel: interpolate %baseHref% variable into html](https://github.com/krotovic/parcel-plugin-interpolate-html)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaggerok%2Fparcel-vue-ts-decorator-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdaggerok%2Fparcel-vue-ts-decorator-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaggerok%2Fparcel-vue-ts-decorator-example/lists"}