Giter VIP home page Giter VIP logo

vue-ts-bundle-template's Introduction

Vue Typescript Bundle Template

Vue Typescript Bundle Template

This is a template for creating a Typescript bundle. It is based on the Typescript compiler with the Vite bundler.

Features

Usage

  1. To use this template, click the "Use this template" button above.
  2. Clone the repository to your local machine.
  3. Run pnpm install to install the dependencies.
  4. Run pnpm build to build the bundle.
  5. Run build:watch to build the bundle in watch mode.
  6. Run pnpm play to playground dev mode.
  7. Run pnpm start to start the bundle.
  8. Run pnpm lint to lint the code. (You can also run pnpm lint:fix to fix the linting errors.)
  9. Run pnpm test to run the tests. (You can also run pnpm test:watch to run the tests in watch mode.)
  10. Run pnpm release to bump the version. Terminal will ask you to select the version type. And then it will automatically commit and push the changes. GitHub Actions will automatically publish git tags. NPM local registry will automatically publish the package.

Configuration

Renovate

Setup Github App for Renovate.

Checklists

  • Update the README.md file.
  • Update the LICENSE file.
  • Update the package.json file. (name,version, description, author, repository, bugs, homepage, funding, keywords)
  • playground/src/App.vue - update package name vue-bundle-template
  • playground/package.json - in change the package name vue-bundle-template

Sponsors

sponsors

License

This project is licensed under the MIT License.

vue-ts-bundle-template's People

Contributors

productdevbook avatar renovate[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

vue-ts-bundle-template's Issues

Type error in playground

Describe the bug

image
does not transfer the type of the package

Reproduction

https://github.com/productdevbookcom/vue-ts-bundle-template

System Info

System:
    OS: Linux 6.2 Ubuntu 22.04.2 LTS 22.04.2 LTS (Jammy Jellyfish)
    CPU: (6) x64 Intel(R) Core(TM) i5-9400F CPU @ 2.90GHz
    Memory: 6.23 GB / 15.55 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 18.16.0 - ~/.volta/tools/image/node/18.16.0/bin/node
    Yarn: 3.6.0-git.20230603.hash-3c8237cb - ~/.volta/tools/image/yarn/3.6.0-git.20230603.hash-3c8237cb/bin/yarn
    npm: 9.5.1 - ~/.volta/tools/image/node/18.16.0/bin/npm
    pnpm: 8.7.5 - ~/.volta/bin/pnpm
  Browsers:
    Brave Browser: 114.1.52.130
    Chrome: 116.0.5845.140

Used Package Manager

pnpm

Validations

  • Follow our Code of Conduct
  • Read the Contributing Guide.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

  • chore(deps): update playground (@vitejs/plugin-vue, typescript, vite, vue)
  • chore(deps): update root (@antfu/eslint-config, @types/node, @vitest/coverage-v8, @vue-macros/volar, @vue/test-utils, bumpp, simple-git-hooks, typescript, unplugin-vue-macros, vite, vite-plugin-dts, vitest, vue)
  • chore(deps): update dependency eslint to v9
  • chore(deps): update playground to v2

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions
.github/workflows/ci.yml
  • actions/checkout v4
  • actions/setup-node v3
  • davelosert/vitest-coverage-report-action v2
.github/workflows/release.yml
  • actions/checkout v4
  • actions/setup-node v3
npm
package.json
  • @antfu/eslint-config 2.8.0
  • @types/node ^20.11.25
  • @vitejs/plugin-vue ^5.0.4
  • @vitest/coverage-v8 ^1.3.1
  • @vue-macros/volar ^0.18.11
  • @vue/test-utils ^2.4.4
  • bumpp ^9.4.0
  • eslint ^8.57.0
  • jsdom ^24.0.0
  • lint-staged ^15.2.2
  • simple-git-hooks ^2.10.0
  • typescript ^5.4.2
  • unplugin-vue-macros ^2.7.10
  • vite ^5.1.5
  • vite-plugin-dts ^3.7.3
  • vitest ^1.3.1
  • vue ^3.4.21
playground/package.json
  • vue ^3.4.3
  • @vitejs/plugin-vue ^5.0.2
  • typescript ^5.3.3
  • vite ^5.0.10
  • vue-tsc ^1.8.27

  • Check this box to trigger a request for Renovate to run again on this repository

Implementation of changelogen

Clear and concise description of the problem

Hi congratulations for your work, is it in future plans to add changelogen with actions ?

Suggested solution

It would be great changelogen is added to the template, that would be the perfect starter for vue libs !

Alternative

No response

Additional context

No response

Validations

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.