drop petite-i18n + bump deps

.eslintrc.json

@@ -18,6 +18,7 @@
   "parserOptions": {
     "project": "tsconfig.json"
   },
+  "root": true,
   "rules": {
     "@typescript-eslint/brace-style": [
       "error",
@@ -32,6 +33,13 @@
     ],
     "@typescript-eslint/consistent-indexed-object-style": "off",
     "@typescript-eslint/consistent-type-definitions": "off",
+    "@typescript-eslint/consistent-type-imports": [
+      "error",
+      {
+        "fixStyle": "inline-type-imports",
+        "prefer": "type-imports"
+      }
+    ],
     "@typescript-eslint/explicit-function-return-type": "off",
     "@typescript-eslint/indent": [
       "error",
@@ -58,6 +66,7 @@
       "error",
       "always"
     ],
+    "@typescript-eslint/prefer-destructuring": "off",
     "@typescript-eslint/prefer-readonly-parameter-types": "off",
     "@typescript-eslint/quotes": [
       "error",
@@ -72,13 +81,16 @@
       "error",
       "always-multiline"
     ],
+    "compat/compat": "off",
     "curly": [
       "error",
       "multi"
     ],
     "eslint-comments/no-use": "off",
     "etc/no-const-enum": "off",
+    "etc/no-deprecated": "off",
     "etc/no-enum": "off",
+    "etc/no-internal": "off",
     "etc/prefer-interface": "off",
     "ext/lines-between-object-properties": "off",
     "func-names": [
@@ -94,9 +106,31 @@
         "min": 2
       }
     ],
+    "import/export": "off",
     "import/extensions": "off",
+    "import/first": "off",
+    "import/named": "off",
+    "import/namespace": "off",
     "import/newline-after-import": "off",
+    "import/no-absolute-path": "off",
+    "import/no-amd": "off",
+    "import/no-cycle": "off",
+    "import/no-deprecated": "off",
+    "import/no-duplicates": "off",
+    "import/no-dynamic-require:": "off",
+    "import/no-extraneous-dependencies": "off",
+    "import/no-import-module-exports": "off",
+    "import/no-mutable-exports": "off",
+    "import/no-named-as-default": "off",
+    "import/no-named-as-default-member": "off",
+    "import/no-named-default": "off",
+    "import/no-relative-packages": "off",
+    "import/no-self-import": "off",
     "import/no-unassigned-import": "off",
+    "import/no-unresolved": "off",
+    "import/no-unused-modules": "off",
+    "import/no-useless-path-segments": "off",
+    "import/no-webpack-loader-syntax": "off",
     "import/order": "off",
     "import/prefer-default-export": "off",
     "indent": "off",
@@ -114,6 +148,7 @@
     ],
     "padding-line-between-statements": "off",
     "prettier/prettier": "off",
+    "putout/putout": "off",
     "quote-props": [
       "error",
       "consistent-as-needed"
@@ -129,15 +164,18 @@
       "error",
       "never"
     ],
+    "simple-import-sort/imports": "off",
     "space-before-function-paren": [
       "error",
       "always"
     ],
     "total-functions/no-partial-division": "off",
+    "total-functions/no-unsafe-readonly-mutable-assignment": "off",
     "unicorn/no-array-for-each": "off",
     "unicorn/no-process-exit": "off",
     "unicorn/prefer-module": "off",
     "unicorn/prefer-node-protocol": "off",
+    "unicorn/prefer-spread": "off",
     "unicorn/prefer-string-replace-all": "off",
     "unicorn/prefer-switch": "off",
     "unicorn/prevent-abbreviations": [
@@ -154,14 +192,19 @@
       "error",
       "kebab-case"
     ],
+    "regexp/require-unicode-sets-regexp": "off",
     "vue/first-attribute-linebreak": "off",
     "vue/html-closing-bracket-newline": "off",
     "vue/html-indent": "off",
     "vue/html-self-closing": "off",
     "vue/max-attributes-per-line": "off",
+    "vue/new-line-between-multi-line-property": "off",
     "vue/no-deprecated-slot-attribute": "off",
     "vue/no-multiple-template-root": "off",
-    "vue/singleline-html-element-content-newline": "off"
+    "vue/padding-lines-in-component-definition": "off",
+    "vue/singleline-html-element-content-newline": "off",
+    "vue/static-class-names-order": "off",
+    "vuejs-accessibility/no-autofocus": "off"
   },
   "settings": {
     "tailwindcss": {

.github/workflows/ci.yml

@@ -24,7 +24,7 @@ jobs:
       - name: Setup pnpm
         uses: pnpm/action-setup@v2
         with:
-          version: 7
+          version: 8
 
       - name: Setup node env 🏗
         uses: actions/setup-node@v4

.nvmrc

@@ -1 +1 @@
-18.18.2
+20.10.0

.vscode/settings.json

@@ -8,9 +8,14 @@
     "titleBar.activeForeground": "#FDFCFE"
   },
   "cSpell.words": [
+    "Abdelrahman",
     "blobby",
+    "compat",
+    "Dohm",
+    "Imej",
     "intlify",
     "sonarjs",
+    "tznr",
     "unplugin"
   ]
 }

README.md

@@ -1,6 +1,7 @@
 # C'est donné
 
 [![Project license](https://img.shields.io/github/license/Shuunen/c-est-donne.svg?color=informational)](https://github.com/Shuunen/c-est-donne/blob/master/LICENSE)
+[![Code Climate maintainability](https://img.shields.io/codeclimate/maintainability/Shuunen/c-est-donne?style=flat)](https://codeclimate.com/github/Shuunen/c-est-donne)
 [![Website up](https://img.shields.io/website/https/c-est-donne.netlify.app)](https://c-est-donne.netlify.app)
 
 > Donations between friends and relatives made easy ! Give a second life to your objects :)
@@ -41,7 +42,7 @@ You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/
 - [ ] photo carousel inside cards
 - [ ] show images count in cards
 - [ ] dont show tutorial below list when connected, put it on a separate page
-- [ ] konami code
+- [ ] Konami code
 - [ ] favicon
 - [ ] footer card should be equal in height
 - [ ] transform global loading to loading button
@@ -63,21 +64,19 @@ You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/
 - [BabelEdit](https://www.codeandweb.com/babeledit) : a great tool to translate your app
 - [BlobMaker](https://www.blobmaker.app) : for the blobby shapes
 - [Boxy SVG](https://boxy-svg.com) : for providing a simple & full featured svg editor
-- [C8](https://github.com/bcoe/c8) : simple & effective cli for code coverage
 - [Eslint](https://eslint.org) : super tool to find & fix problems  
 - [Github](https://github.com) : for all their great work year after year, pushing OSS forward  
 - [Jake Dohm](https://dev.to/jakedohm_34/auto-registering-all-your-components-in-vue-3-with-vite-4884) : for his article on global components registration
 - [Netlify](https://netlify.com) : awesome company that offers free CI & hosting for OSS projects
-- [Petite Vue](https://github.com/intlify/vue-i18n-next/tree/master/packages/petite-vue-i18n) : for the lightweight i18n plugin
 - [Pixel True](https://ui8.net/pixel-true-designs/products/70-beautiful-free-illustrations) : for the nice illustrations on the tutorial
 - [Repo-checker](https://github.com/Shuunen/repo-checker) : eslint cover /src code and this tool the rest ^^  
 - [Shields.io](https://shields.io) : for the nice badges on top of this readme
 - [Shoelace](https://shoelace.style) : for their great web components library <3
 - [Shuutils](https://github.com/Shuunen/shuutils) : collection of pure JS utils
 - [SvgOmg](https://jakearchibald.github.io/svgomg) : awesome tool to optimize svg files
 - [TailwindCss](https://tailwindcss.com) : awesome lib to produce maintainable style
-- [UvU](https://github.com/lukeed/uvu) : extremely fast and lightweight test runner for Node.js and the browser
+- [V8](https://github.com/demurgos/v8-coverage) : simple & effective cli for code coverage
 - [Vite](https://github.com/vitejs/vite) : super fast frontend tooling  
+- [Vitest](https://github.com/vitest-dev/vitest) : super fast vite-native testing framework
 - [Vue](https://vuejs.org) : when I need a front framework, this is the one I choose <3
 - [Vue3-carousel](https://github.com/ismail9k/vue3-carousel) : nice lightweight carousel component by Abdelrahman Ismail
-- [Watchlist](https://github.com/lukeed/watchlist) : recursively watch a list of directories & run a command on any file system

package.json

@@ -3,33 +3,29 @@
   "author": "Romain Racamier-Lafon <[email protected]>",
   "bugs": "https://github.com/Shuunen/c-est-donne/issues",
   "dependencies": {
-    "@intlify/unplugin-vue-i18n": "0",
     "@auth0/auth0-vue": "1",
-    "@shoelace-style/shoelace": "2.3",
-    "petite-vue-i18n": "9",
-    "shuutils": "7.2",
-    "vue": "3.2",
+    "@shoelace-style/shoelace": "2.12",
+    "shuutils": "7.4",
+    "vue": "3.3",
     "vue3-carousel": "0.3"
   },
   "description": "Donations between friends made easy !",
   "devDependencies": {
-    "@types/node": "18",
+    "@types/node": "20",
     "@vitejs/plugin-vue": "4",
+    "@vitest/coverage-v8": "1.0",
     "autoprefixer": "10",
-    "c8": "7",
-    "eslint": "8.38",
-    "eslint-config-hardcore": "35",
+    "eslint": "8.55",
+    "eslint-config-hardcore": "45",
     "eslint-plugin-tailwindcss": "3",
     "postcss": "8",
-    "repo-check": "1.30",
+    "repo-check": "1.34",
     "rollup-plugin-visualizer": "5",
-    "tailwindcss": "3",
-    "tsm": "2",
-    "typescript": "5.0",
-    "uvu": "0",
+    "tailwindcss": "3.3",
+    "typescript": "5.1",
     "vite": "4",
-    "vue-tsc": "1.2",
-    "watchlist": "0"
+    "vitest": "1.0",
+    "vue-tsc": "1.8"
   },
   "files": [
     "src"
@@ -48,18 +44,19 @@
     "url": "https://github.com/Shuunen/c-est-donne.git"
   },
   "scripts": {
-    "build": "vue-tsc --noEmit && vite build && npm run mark && echo build success",
-    "build:watch": "watchlist public src -eager -- npm run build",
-    "check": "npm run build && repo-check && npm run lint && npm run test && echo check success",
+    "build": "vue-tsc --noEmit && echo vue-tsc success && vite build && pnpm mark && echo build success",
+    "build:watch": "watchlist public src -eager -- pnpm build",
+    "check": "pnpm install && echo install success && pnpm build && repo-check && pnpm lint && pnpm test && echo check success",
     "dev": "vite",
-    "lint": "tsc --noEmit && eslint --cache --fix --ext .js,.ts,.html,.vue . && echo lint success",
-    "lint:watch": "watchlist src tests -eager -- npm run lint",
+    "lint": "tsc --noEmit && echo tsc success && eslint --cache --fix --ext .js,.ts,.html,.vue . && echo lint success",
+    "lint:watch": "watchlist src tests -eager -- pnpm lint",
     "mark": "unique-mark dist/**/*.{html,js}",
     "postversion": "git push && git push --tags",
-    "preversion": "npm run ci",
+    "preversion": "pnpm check",
     "preview": "vite preview",
-    "test": "c8 uvu -r tsm tests && echo test success",
-    "test:watch": "watchlist src tests -eager -- npm test"
+    "test": "vitest --run --coverage && echo test success",
+    "test:update": "vitest --run --update && echo test update success",
+    "test:watch": "vitest --coverage"
   },
   "type": "module",
   "version": "1.0.0"