julien/vaquant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(build): adopt Vite, pnpm, ESLint flat config; drop Vue CLI

Browse Source 
Replaces Vue CLI 4 with Vite 7 + @tailwindcss/vite + vite-plugin-pwa,
yarn with pnpm, tslint with ESLint 9 flat config, and Jest with Vitest.
Drops Netlify deploy config and the dead FontAwesome npm token.

Bumps the entire dependency surface: Vue 3.5, Pinia 2, vue-router 4,
vue-i18n 11, Tailwind 4, DaisyUI 5, TypeScript 5.7, axios 1.x,
mapbox-gl 3.x, date-fns 4.x, uuid 11.x, pouchdb-browser 9.x.
This commit is contained in:
Julien Calixte
2026-06-01 21:03:09 +02:00
parent 37019b655a
commit f6a518a43d
19 changed files with 9824 additions and 12979 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.browserslistrc
View File

@@ -1,3 +0,0 @@
> 1%
last 2 versions
not ie <= 8

4
.gitignore vendored
View File

@@ -2,7 +2,9 @@
node_modules
node_modules_bak
/dist
/cypress/videos
/dev/dist
src-legacy
.eslintcache
# local env files
.env.local

1
.node-version Normal file
View File

@@ -0,0 +1 @@
24

2
.npmrc
View File

@@ -1,2 +0,0 @@
@fortawesome:registry=https://npm.fontawesome.com/
//npm.fontawesome.com/:_authToken=2C545253-5017-402B-A924-6E3689616391

5
.postcssrc.js
View File

@@ -1,5 +0,0 @@
module.exports = {
plugins: {
autoprefixer: {}
}
}

5
babel.config.js
View File

@@ -1,5 +0,0 @@
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}

29
eslint.config.js Normal file
View File

@@ -0,0 +1,29 @@
import pluginVue from 'eslint-plugin-vue'
import vueTsConfig from '@vue/eslint-config-typescript'
export default [
{
ignores: [
'dist/**',
'node_modules/**',
'src-legacy/**',
'dev/**',
'src/utils/smtp.js'
]
},
...pluginVue.configs['flat/recommended'],
...vueTsConfig(),
{
rules: {
'vue/multi-word-component-names': 'off',
'vue/max-attributes-per-line': 'off',
'vue/singleline-html-element-content-newline': 'off',
'vue/html-self-closing': 'off',
'vue/attributes-order': 'off',
'vue/first-attribute-linebreak': 'off',
'vue/no-mutating-props': 'warn',
'@typescript-eslint/no-explicit-any': 'warn',
'@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }]
}
}
]

36
index.html Normal file
View File

@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<link rel="icon" href="/favicon.ico" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="viewport"
content="width=device-width,initial-scale=1.0, maximum-scale=5.0"
/>
<meta
name="description"
content="application pour réaliser des balances équitables de vos budgets entre amis lors de vos colocations, vacances, séjours, voyages, etc"
/>
<meta
name="keywords"
content="budget en vacances, budget aventure, collocation, budgets entre amis, budgets partagés"
/>
<meta
name="twitter:card"
content="Vaquant | application pour réaliser des balances équitables de vos budgets entre amis"
/>
<link rel="canonical" href="https://vaquant.space" />
<title>Vaquant</title>
</head>
<body>
<noscript>
<strong
>We're sorry but Vaquant doesn't work properly without JavaScript
enabled. Please enable it to continue.</strong
>
</noscript>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>

25
jest.config.js
View File

@@ -1,25 +0,0 @@
module.exports = {
moduleFileExtensions: [
'js',
'jsx',
'json',
'vue',
'ts',
'tsx'
],
transform: {
'^.+\\.vue$': 'vue-jest',
'.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
'^.+\\.tsx?$': 'ts-jest'
},
moduleNameMapper: {
'^@/(.*)$': '<rootDir>/src/$1'
},
snapshotSerializers: [
'jest-serializer-vue'
],
testMatch: [
'**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
],
testURL: 'http://localhost/'
}

4
netlify.toml
View File

@@ -1,4 +0,0 @@
[[redirects]]
from = "/*"
to = "/"
status = 200

108
package.json
View File

@@ -1,67 +1,69 @@
{
"name": "vaquant",
"version": "0.8.0",
"version": "0.9.0",
"private": true,
"type": "module",
"packageManager": "pnpm@11.5.0",
"engines": {
"node": ">=22"
},
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"test:unit": "vue-cli-service test:unit",
"lint": "vue-cli-service lint",
"build-couch-design": "ts-node src/scripts/validate-doc-update.ts"
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
"preview": "vite preview",
"lint": "eslint . --cache",
"typecheck": "vue-tsc --noEmit",
"test": "vitest",
"test:run": "vitest run",
"build-couch-design": "tsx src/scripts/validate-doc-update.ts"
},
"dependencies": {
"@tabler/icons-webfont": "^3.30.0",
"@xkeshi/vue-qrcode": "^1.0.0",
"axios": "^0.19.2",
"bulma": "^0.8.1",
"bulma-checkradio": "^1.1.1",
"bulma-pricingtable": "^0.2.0",
"bulma-switch": "^2.0.0",
"core-js": "^3.6.5",
"date-fns": "^2.16.0",
"@vueuse/core": "^12.0.0",
"axios": "^1.7.7",
"date-fns": "^4.1.0",
"events": "^3.3.0",
"font-color-contrast": "^1.0.3",
"lightness": "^1.0.0",
"lodash-es": "^4.17.15",
"mapbox-gl": "^1.9.1",
"md5": "^2.2.1",
"notyf": "^3.6.0",
"lodash-es": "^4.17.21",
"mapbox-gl": "^3.7.0",
"md5": "^2.3.0",
"mitt": "^3.0.1",
"notyf": "^3.10.0",
"pinia": "^2.2.6",
"pinia-plugin-persistedstate": "^4.1.3",
"pouchdb-authentication": "^1.1.3",
"pouchdb-browser": "^7.2.1",
"register-service-worker": "^1.7.1",
"uuid": "^7.0.3",
"vue": "^2.6.11",
"vue-class-component": "^7.2.3",
"vue-click-outside": "^1.0.7",
"vue-currency-input": "^1.18.0",
"vue-i18n": "^8.16.0",
"vue-property-decorator": "^8.4.1",
"vue-router": "^3.1.6",
"vue-stripe-checkout": "^3.2.2",
"vuex": "^3.1.3",
"vuex-class": "^0.3.2",
"vuex-persist": "^2.2.0"
"pouchdb-browser": "^9.0.0",
"qrcode.vue": "^3.5.1",
"uuid": "^11.0.3",
"vue": "^3.5.13",
"vue-currency-input": "^3.2.0",
"vue-i18n": "^11.0.0",
"vue-router": "^4.5.0"
},
"devDependencies": {
"@types/chartist": "^0.9.48",
"@types/jest": "^25.2.1",
"@types/lodash-es": "^4.17.3",
"@types/mapbox-gl": "^1.8.3",
"@types/md5": "^2.1.33",
"@types/notyf": "^3.0.0",
"@types/pouchdb": "^6.4.0",
"@types/uuid": "^7.0.2",
"@vue/cli-plugin-babel": "^4.3.1",
"@vue/cli-plugin-pwa": "^4.3.1",
"@vue/cli-plugin-typescript": "^4.3.1",
"@vue/cli-plugin-unit-jest": "^4.3.1",
"@vue/cli-service": "^4.3.1",
"@vue/test-utils": "^1.0.0-beta.33",
"babel-core": "7.0.0-bridge.0",
"sass": "^1.77.0",
"sass-loader": "^10.5.2",
"ts-jest": "^25.3.1",
"ts-node": "^8.8.2",
"typescript": "^3.8.3",
"vue-template-compiler": "^2.6.11"
"@tailwindcss/vite": "^4.0.0",
"@types/lodash-es": "^4.17.12",
"@types/mapbox-gl": "^3.4.0",
"@types/md5": "^2.3.5",
"@types/pouchdb": "^6.4.2",
"@vitejs/plugin-vue": "^5.2.1",
"@vue/eslint-config-typescript": "^14.1.4",
"@vue/test-utils": "^2.4.6",
"@vue/tsconfig": "^0.7.0",
"daisyui": "^5.0.0",
"eslint": "^9.16.0",
"eslint-plugin-vue": "^9.32.0",
"happy-dom": "^15.11.7",
"prettier": "^3.4.2",
"sass": "^1.83.0",
"tailwindcss": "^4.0.0",
"tsx": "^4.19.2",
"typescript": "^5.7.2",
"vite": "^7.0.0",
"vite-plugin-pwa": "^0.21.1",
"vitest": "^2.1.8",
"vue-tsc": "^2.1.10",
"workbox-window": "^7.3.0"
}
}

9615
pnpm-lock.yaml generated Normal file
View File

File diff suppressed because it is too large Load Diff

5
pnpm-workspace.yaml Normal file
View File

@@ -0,0 +1,5 @@
allowBuilds:
'@parcel/watcher': true
esbuild: true
ttf2woff2: true
vue-demi: true

37
tsconfig.json
View File

@@ -1,40 +1,23 @@
{
"extends": "@vue/tsconfig/tsconfig.dom.json",
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"strict": true,
"jsx": "preserve",
"importHelpers": true,
"moduleResolution": "node",
"experimentalDecorators": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"sourceMap": true,
"baseUrl": ".",
"types": [
"node",
"jest"
],
"paths": {
"@/*": [
"src/*"
]
"@/*": ["src/*"]
},
"lib": [
"esnext",
"dom",
"dom.iterable",
"scripthost"
]
"verbatimModuleSyntax": false,
"useUnknownInCatchVariables": false,
"noImplicitAny": false,
"noUncheckedIndexedAccess": false
},
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"tests/**/*.ts",
"tests/**/*.tsx"
"tests/**/*.tsx",
"vite.config.ts",
"vitest.config.ts"
],
"exclude": [
"node_modules"
]
"exclude": ["node_modules", "dist", "src-legacy"]
}

21
tslint.json
View File

@@ -1,21 +0,0 @@
{
"defaultSeverity": "warning",
"extends": [
"tslint:recommended"
],
"linterOptions": {
"exclude": [
"node_modules/**"
]
},
"rules": {
"semicolon": [true, "never"],
"trailing-comma": [true, "never"],
"quotemark": [true, "single"],
"indent": [true, "spaces", 2],
"interface-name": false,
"ordered-imports": false,
"object-literal-sort-keys": false,
"no-consecutive-blank-lines": false
}
}

58
vite.config.ts Normal file
View File

@@ -0,0 +1,58 @@
import { defineConfig } from 'vite'
import { fileURLToPath, URL } from 'node:url'
import vue from '@vitejs/plugin-vue'
import tailwindcss from '@tailwindcss/vite'
import { VitePWA } from 'vite-plugin-pwa'
const themeColor = '#3f4fa6'
export default defineConfig({
plugins: [
vue(),
tailwindcss(),
VitePWA({
registerType: 'prompt',
workbox: {
skipWaiting: true,
clientsClaim: true
},
includeAssets: ['favicon.ico', 'robots.txt', 'img/icons/*.png'],
manifest: {
name: 'Vaquant',
short_name: 'Vaquant',
background_color: themeColor,
theme_color: themeColor,
display: 'standalone',
icons: [
{ src: '/img/icons/android-chrome-192x192.png', sizes: '192x192', type: 'image/png' },
{ src: '/img/icons/android-chrome-512x512.png', sizes: '512x512', type: 'image/png' },
{ src: '/img/icons/apple-touch-icon-60x60.png', sizes: '60x60', type: 'image/png' },
{ src: '/img/icons/apple-touch-icon-76x76.png', sizes: '76x76', type: 'image/png' },
{ src: '/img/icons/apple-touch-icon-120x120.png', sizes: '120x120', type: 'image/png' },
{ src: '/img/icons/apple-touch-icon-152x152.png', sizes: '152x152', type: 'image/png' },
{ src: '/img/icons/apple-touch-icon-180x180.png', sizes: '180x180', type: 'image/png' },
{ src: '/img/icons/apple-touch-icon.png', sizes: '180x180', type: 'image/png' },
{ src: '/img/icons/favicon-16x16.png', sizes: '16x16', type: 'image/png' },
{ src: '/img/icons/favicon-32x32.png', sizes: '32x32', type: 'image/png' },
{ src: '/img/icons/msapplication-icon-144x144.png', sizes: '144x144', type: 'image/png' },
{ src: '/img/icons/mstile-150x150.png', sizes: '150x150', type: 'image/png' }
]
}
})
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
events: 'events'
}
},
optimizeDeps: {
include: ['events']
},
define: {
global: 'globalThis'
},
server: {
port: 8080
}
})

12
vitest.config.ts Normal file
View File

@@ -0,0 +1,12 @@
import { mergeConfig, defineConfig } from 'vitest/config'
import viteConfig from './vite.config'
export default mergeConfig(
viteConfig,
defineConfig({
test: {
environment: 'happy-dom',
include: ['tests/**/*.spec.ts', 'src/**/*.spec.ts']
}
})
)

78
vue.config.js
View File

@@ -1,78 +0,0 @@
module.exports = {
pwa: {
themeColor: '#3f4fa6',
msTileColor: '#3f4fa6',
workboxOptions: {
skipWaiting: true,
clientsClaim: true
},
name: 'Vaquant',
manifestOptions: {
background_color: '#3f4fa6',
theme_color: '#3f4fa6',
display: 'standalone',
icons: [
{
src: './img/icons/android-chrome-192x192.png',
sizes: '192x192',
type: 'image/png'
},
{
src: './img/icons/android-chrome-512x512.png',
sizes: '512x512',
type: 'image/png'
},
{
src: './img/icons/apple-touch-icon-60x60.png',
sizes: '60x60',
type: 'image/png'
},
{
src: './img/icons/apple-touch-icon-76x76.png',
sizes: '76x76',
type: 'image/png'
},
{
src: './img/icons/apple-touch-icon-120x120.png',
sizes: '120x120',
type: 'image/png'
},
{
src: './img/icons/apple-touch-icon-152x152.png',
sizes: '152x152',
type: 'image/png'
},
{
src: './img/icons/apple-touch-icon-180x180.png',
sizes: '180x180',
type: 'image/png'
},
{
src: './img/icons/apple-touch-icon.png',
sizes: '180x180',
type: 'image/png'
},
{
src: './img/icons/favicon-16x16.png',
sizes: '16x16',
type: 'image/png'
},
{
src: './img/icons/favicon-32x32.png',
sizes: '32x32',
type: 'image/png'
},
{
src: './img/icons/msapplication-icon-144x144.png',
sizes: '144x144',
type: 'image/png'
},
{
src: './img/icons/mstile-150x150.png',
sizes: '150x150',
type: 'image/png'
}
]
}
}
}

12755
yarn.lock
View File

File diff suppressed because it is too large Load Diff