Vite + Vue 3 + Typescript + Tailwind Starter
Simple, opinionated, fully typed, and production-ready project template for Vite.
This template is practical and batteries included but not overly complex or bloated. Also explicit configuration over magic; it should be easy to understand how everything works, strip out anything you don't need, and fast to modify things to your needs.
Includes plenty of examples and documentation of how to do things but minimal cruft to delete to get you going.
Please check out the homepage for full docs. A detailed changelog is available. This repository is also mirrored on GitLab.
Features
- Vue 3.2
- Fully typed Vuex 4 store
- Routing using vue-router 4
- TypeScript 4.5
- Tailwind CSS 3.0 w/ following plugins preinstalled:
@tailwindcss/aspect-ratio
@tailwindcss/line-clamp
@tailwindcss/typography
@tailwindcss/forms
firefox
-variant
- PostCSS 8 w/
postcss-nesting
plugin - Eslint
- Prettier
- Alias
@
to/src - Manually configured global components in
main.ts
- Predefined and fully typed global variables:
VITE_APP_VERSION
is read frompackage.json
version at build timeVITE_APP_BUILD_EPOCH
is populated asnew Date().getTime()
at build time
- Using newest
script setup
syntax w/ Ref sugar (see the official Script Setup documentation and Ref Sugar RFC discussion) - Cypress.io e2e tests (configured similarly to
vue-cli
) - Cypress.io component tests
- GitHub workflows
- Dependabot
- Automated e2e tests
- Automated component tests
- GitLab CI
- Automated e2e tests
- Automated component tests
Elsewhere
- Read my continuously updating learnings from Vite / Vue / TypeScript and other Web development topics from my Today I Learned site
- Follow @uninen on Twitter
Contributing
Contributions are welcome! Please follow the code of conduct when interacting with others.
feat: added cypress component testing config + example
Configure Renovate
Welcome to Renovate! This is an onboarding PR to help you understand and configure settings before regular Pull Requests begin.
🚦 To activate Renovate, merge this Pull Request. To disable Renovate, simply close this Pull Request unmerged.
Detected Package Files
.github/workflows/main.yml
(github-actions).gitlab-ci.yml
(gitlabci)package.json
(npm)Configuration Summary
Based on the default config's presets, Renovate will:
fix
for dependencies andchore
for all othersnode_modules
,bower_components
,vendor
and various test/tests directories🔡 Would you like to change the way Renovate is upgrading your dependencies? Simply edit the
renovate.json
in this branch with your custom config and the list of Pull Requests in the "What to Expect" section below will be updated the next time Renovate runs.What to Expect
With your current configuration, Renovate will create 4 Pull Requests:
chore(deps): pin dependencies
renovate/pin-dependencies
main
2.2.2
3.1.1
0.0.9
0.4.0
0.5.0
0.3.1
0.5.2
5.13.0
5.13.0
2.2.4
6.1.0
10.0.0
0.7.5
10.4.2
9.5.1
8.10.0
8.5.0
2.25.4
11.1.0
6.0.0
8.5.0
2.0.11
8.4.7
14.0.2
10.1.3
3.0.23
4.6.2
2.8.6
0.5.9
3.2.31
4.0.13
6.0.1
chore(deps): update actions/checkout action to v3
renovate/actions-checkout-3.x
main
v3
chore(deps): update actions/upload-artifact action to v3
renovate/actions-upload-artifact-3.x
main
v3
chore(deps): update node.js to v17
renovate/node-17.x
main
17
🚸 Branch creation will be limited to maximum 2 per hour, so it doesn't swamp any CI resources or spam the project. See docs for
prhourlylimit
for details.❓ Got questions? Check out Renovate's Docs, particularly the Getting Started section. If you need any further assistance then you can also request help here.
This PR has been generated by WhiteSource Renovate. View repository job log here.
chore(deps): bump nanoid from 3.1.30 to 3.2.0
Bumps nanoid from 3.1.30 to 3.2.0.
Changelog
Sourced from nanoid's changelog.
Commits
23b1369
Release 3.2 version967788e
Remove TS test tools27eaa90
Simplify new binary toola9d9123
Update dependencies32b9bda
Allows passing size or custom alphabet via cli as args (#334)246d5f8
Update viteafdf9c9
doc: Fixed Typo (#335)90a446f
Update benchmark results8ba2319
bench: add@napi-rs/uuid
v4 (#333)f425778
Release 3.1.32 versionDependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels
will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers
will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees
will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone
will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
chore(deps): bump follow-redirects from 1.14.6 to 1.14.7
Bumps follow-redirects from 1.14.6 to 1.14.7.
Commits
2ede36d
Release version 1.14.7 of the npm package.8b347cb
Drop Cookie header across domains.Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels
will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers
will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees
will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone
will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
chore(deps-dev): bump @vitejs/plugin-vue from 1.9.2 to 1.9.3
Bumps @vitejs/plugin-vue from 1.9.2 to 1.9.3.
Changelog
Sourced from
@vitejs/plugin-vue
's changelog.Commits
deb2548
release: [email protected]c1ce471
fix(plugin-vue): don't use object spread in the config hook (#5155)b2ae627
chore(deps): update all non-major dependencies (#5100)Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps-dev): bump vite from 2.6.2 to 2.6.3
Bumps vite from 2.6.2 to 2.6.3.
Changelog
Sourced from vite's changelog.
Commits
12e0550
build: fix npm package files inclusionc932207
build: avoid generating sourcemap for terser723cd63
fix: sourcemaps windows drive letter inconsistency, fix 4964 (#4985)5240033
release: v2.6.0-beta.0deb84c0
perf: report compressed size using gzip instead of brotli due to drastic417208c
fix(ssr): add normalizePath to require.resolve, fix #2393 (#4980)37f0b2f
fix: normalize internal plugin names (#4976)864d41d
fix: handle sourcemap: false in transformWithEsbuild1bd6d56
fix: docs for ssr manifest plugin and dedupe name (#4974)a44fd5d
fix(deps): update all non-major dependencies (#4545)Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps-dev): bump autoprefixer from 10.3.5 to 10.3.7
Bumps autoprefixer from 10.3.5 to 10.3.7.
Release notes
Sourced from autoprefixer's releases.
Changelog
Sourced from autoprefixer's changelog.
Commits
53a8b71
Release 10.3.7 version56f5cbe
Update dependencies35b205a
Replace nanocolors to picocolorsc3263a0
Add bugs field/URL to package.json (#1424)f693ca3
Release 10.3.6 versionafb06a8
Clean docs on release38efcdd
Update dependenciesef87312
Update dependenciesDependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps-dev): bump @typescript-eslint/parser from 4.31.2 to 4.33.0
Bumps @typescript-eslint/parser from 4.31.2 to 4.33.0.
Release notes
Sourced from
@typescript-eslint/parser
's releases.Changelog
Sourced from
@typescript-eslint/parser
's changelog.Commits
7bf8c9c
chore: publish v4.33.002c6ff3
chore: publish v4.32.025a42c0
feat: Support'latest'
asecmaVersion
(#3873)Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps-dev): bump tailwindcss from 2.2.15 to 2.2.16
Bumps tailwindcss from 2.2.15 to 2.2.16.
Release notes
Sourced from tailwindcss's releases.
Changelog
Sourced from tailwindcss's changelog.
Commits
dbe797d
2.2.16150a6a1
Update lockfile66b9f1d
Update changelog6bc8225
ensure we don't override thename
(#5602)0cff737
Update changelogb9d3fb5
Update changelogDependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps-dev): bump cypress from 8.4.1 to 8.5.0
Bumps cypress from 8.4.1 to 8.5.0.
Release notes
Sourced from cypress's releases.
Commits
2caa5de
release 8.5.0c0846f5
fix: Error message for cy.select() with no arguments (#18234)c6758dc
fix: set projectId in a custom config file (#18240)26f92e0
fix: Add drone env for the url of the repo (#18222)853a6f5
chore: fix initial installation on windows (#18241)a5356b8
feat(driver): add select by index (#18201)1785016
Merge branch 'master' into developdb6f909
fix: next trace error (#18189)6e0c2c1
fix(vite-dev-server): replace UserConfig with InlineConfig to allow correct `...dedb05a
feat: allow use of javascript in config file (#18061)Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)chore(deps-dev): bump vite from 2.5.10 to 2.6.2
Bumps vite from 2.5.10 to 2.6.2.
Changelog
Sourced from vite's changelog.
... (truncated)
Commits
fa6475f
fix(resolve): normalize optimized resolved path (#4813)7c19e92
release: v2.5.289960f8
chore: stabilize sorting of licenses (#4739)f61ec46
feat(optimizer): nested optimization (#4634)96712ad
fix(ssr): resolve .cjs file extensions (#4772)689a2c8
fix: special handling for ssr.noExternal in mergeConfig (#4766)bf0b631
fix: don't transform new URL(url, import.meta.url) in comments (#4732)da0abc5
feat: allow use of clientPort without middlewareMode (#4332)824d042
fix: decode url for middleware (#4728)dfdb9cc
feat: allow custom vite env prefix (#4676)Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)Dependency Dashboard
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
This repository currently has no open or pending branches.
Detected dependencies
github-actions
npm