{"id":29623742,"url":"https://github.com/mikemitterer/vue-ts-starter","last_synced_at":"2025-07-21T05:07:52.092Z","repository":{"id":59837260,"uuid":"175839220","full_name":"MikeMitterer/vue-ts-starter","owner":"MikeMitterer","description":null,"archived":false,"fork":false,"pushed_at":"2024-08-21T08:32:43.000Z","size":2980,"stargazers_count":3,"open_issues_count":2,"forks_count":1,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-16T06:44:43.934Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MikeMitterer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-03-15T14:49:50.000Z","updated_at":"2025-03-29T13:36:35.000Z","dependencies_parsed_at":"2024-08-02T01:09:04.277Z","dependency_job_id":null,"html_url":"https://github.com/MikeMitterer/vue-ts-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/MikeMitterer/vue-ts-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MikeMitterer%2Fvue-ts-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MikeMitterer%2Fvue-ts-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MikeMitterer%2Fvue-ts-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MikeMitterer%2Fvue-ts-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MikeMitterer","download_url":"https://codeload.github.com/MikeMitterer/vue-ts-starter/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MikeMitterer%2Fvue-ts-starter/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266242072,"owners_count":23898102,"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":[],"created_at":"2025-07-21T05:07:51.480Z","updated_at":"2025-07-21T05:07:52.079Z","avatar_url":"https://github.com/MikeMitterer.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# VUE Typescript with Babel Starter\n\u003e [Live](http://vuetsstarter.example.mikemitterer.at) | [Home GitHub](https://github.com/MikeMitterer/vue-ts-starter)\n\nBasically this App has three components: AppHeader, AppFooter, HelloWorld (for testing)\nand two views: Home + About.\n\nIn `.env` is the title define - check it out.\n\n'Click' modifies and displays text in the lower right\n\nThe cat on the top right is add statically, the Lamborghini is added dynamically. (AppHeader component)\n\nFor State Management I added a \"CounterModule\" (Vuex)\n\n![Screenshot](doc/screenshot.png)\n\n## Babel 7, TypeScript 4.5 , Jest 24 + ES6 Modules\n\u003e This example work with node-modules in ES6 format!\n\n### Important\n\n   - Use yarns [Selective dependency resolutions](https://yarnpkg.com/en/docs/selective-version-resolutions)\n\npackage.json:\n\n    {\n        ...\n        // Overwrite VUE's jest dependencies\n        \n        \"resolutions\": {\n            \"@vue/cli-plugin-unit-jest/jest\": \"24\",\n            \"@vue/cli-plugin-unit-jest/babel-jest\": \"24\"\n        }\n    }   \n\nRename `.babelrc` to `babel.config.js`\n\njest.config.js: (Here I'm using my own, private!!! @mmit/communication-module )\n\n    module.exports = {\n        ...\n\n        // Use direce-node-path to your transformers        \n        transform: {\n            '\\\\.jsx?$': '\u003crootDir\u003e/node_modules/babel-jest',\n    \n            '^.+\\\\.vue$': '\u003crootDir\u003e/node_modules/vue-jest',\n    \n            '.+\\\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',\n    \n            \"^.+\\\\.(ts|tsx)$\": \"\u003crootDir\u003e/node_modules/ts-jest\",\n        },\n\n                    \n        // A MUST! if the following module is in ES6-Format!!!!\n        //\n        transformIgnorePatterns: [\n          \"\u003crootDir\u003e/node_modules/(?!@mmit\\/communication)\"\n        ],\n    \n    }\n  \nAs for now (28. May 2019) you have to add `vue-jest@beta` to you devDependencies\n\n    yarn add vue-jest@beta -D\n    yarn add ts-jest@24 -D\n     \n## Environment-Vars and Template-Vars\n\nThese vars are set in `vue.config.js`\n\nIf you want to see how you can use e.g. `process.env.VUE_APP_VERSION` check out `AppFooter.vue`\n\n`/public/index.html` tests if VUE_APP_DEV_MODE is set to true:\n\n```html\n...\n\u003chtml lang=\"en\" \u003c%if(VUE_APP_DEV_MODE){%\u003e\n    devmode=\"true\"\u003c%}%\u003e\u003e ...\n\u003c/html\u003e\n```\n\n## Install\n\n    # Clone Repo\n    git clone https://github.com/MikeMitterer/vue-ts-starter \u003cyour new repo\u003e\n\n    # Remove original .git-dir\n    cd \u003cyour new repo\u003e \u0026\u0026 rm -rf .git\n\n    # Change project name\n    sed -i'' -e 's/@mmit\\/vuetsstarter/your-project-name/g' package.json\n\n    # e.g.\n    sed -i'' -e 's/@mmit\\/vuetsstarter/@mmit\\/\u003cyour new repo\u003e/g' package.json\n\n## Project setup\n\n```\nyarn install\n```\n\n### Compiles and hot-reloads for development\n\n```\nyarn run start\n```\n\n### Compiles and minifies for production\n\n```\nyarn run build\n```\n\n### Run your tests\n\n```\nyarn run test\n```\n\n### Lints and fixes files\n\n```\nyarn run lint\n```\n\n### Run your unit tests\n\n```\nyarn run test:unit\n```\n\n### Customize configuration\n\nSee [Configuration Reference](https://cli.vuejs.org/config/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmikemitterer%2Fvue-ts-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmikemitterer%2Fvue-ts-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmikemitterer%2Fvue-ts-starter/lists"}