# game-contest > ## Install Latest version **0.0.0** (published 2023-01-19) · MIT license license · 0 weekly downloads ## Install ```sh npm install game-contest pnpm add game-contest yarn add game-contest bun add game-contest ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.0.0 | | Published | 2023-01-19 | | First published | 2023-01-19 | | Weekly downloads | 0 | | License | MIT license | | TypeScript types | none | | Module format | CommonJS | | Node | 14.15.4 | | Dependencies | 17 | | Unpacked size | 4 MB | | Known vulnerabilities | 0 | | Install scripts | no | | Maintainers | elreco | ## Links - npm: https://www.npmjs.com/package/game-contest - npm.io page: https://npm.io/package/game-contest ## Dependencies (17) - [aos](https://npm.io/package/aos.md) ^2.3.4 - [vue](https://npm.io/package/vue.md) ^3.1.1 - [axios](https://npm.io/package/axios.md) ^0.21.1 - [husky](https://npm.io/package/husky.md) ^7.0.4 - [pinia](https://npm.io/package/pinia.md) ^2.0.0-beta.2 - [vue-i18n](https://npm.io/package/vue-i18n.md) ^9.1.10 - [vue-axios](https://npm.io/package/vue-axios.md) ^3.2.4 - [@sentry/vue](https://npm.io/package/@sentry/vue.md) ^6.16.1 - [axios-retry](https://npm.io/package/axios-retry.md) ^3.1.9 - [confetti-js](https://npm.io/package/confetti-js.md) ^0.0.18 - [lint-staged](https://npm.io/package/lint-staged.md) ^12.2.2 - [@vueuse/core](https://npm.io/package/@vueuse/core.md) ^9.4.0 - [@heroicons/vue](https://npm.io/package/@heroicons/vue.md) ^1.0.4 - [@headlessui/vue](https://npm.io/package/@headlessui/vue.md) ^1.4.1 - [@sentry/tracing](https://npm.io/package/@sentry/tracing.md) ^6.16.1 - [@tailwindcss/forms](https://npm.io/package/@tailwindcss/forms.md) 0.5.3 - [@heypongo/vue3-fortune-wheel](https://npm.io/package/@heypongo/vue3-fortune-wheel.md) ^1.0.3 ## Recent versions - 0.0.0 (latest) — 2023-01-19 ## README # Tablet ## Install ### Node 14.15.4 Commencez par enlever les anciennes versions : `brew uninstall node` Installer node 14.15.4 (Current version) Download : `https://nodejs.org/dist/v14.15.4/node-v14.15.4.pkg` ```bash node -v # => Must be equal to 14.15.4 ``` ### Yarn 1.22.10 ```bash $ yarn -v # => Must be equal to 1.22.10 ``` ### Vue ```bash # Install dev / dependancies $ npm i # build app $ npm run build # serve with hot reload at localhost:3000 $ npm run dev # run ESLint to check for errors $ npm run lint:script ``` ## Project structure ``` ├── public ├── src │ ├── api Configuration + Other called │ ├── assets Images │ ├── components Base, The, others │ ├── lang Translations │ ├── layouts Layout is a component used for inject some views on a specific layout │ ├── router List each route │ ├── types List of different types │ ├── views Views equal to Pages ├── App.vue Base template of the application ├── index.css Default css ├── main.ts Configuration of the application ``` ## Typescript * Documentation : https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html ### Basic types: * String: `string` * Boolean: `boolean` * Number: `number` ### If you want to type an Object : For type object we use **interface** ```typescript interface Example { string: string boolean: boolean number: number ... } ``` If you have an Object on an other Object: ```typescript interface NewExample { string: string boolean: boolean number: number example: Example ... } ``` ### If you want to type an Array : Basic array type: * Array of string: `string[]` * Array of number: `number[]` * Array of boolean: `boolean[]` For types array you just have to add `[]` after your type value For an array of object: * With our **interface** we just create before : `Example[]` ## Plugins & dependencies * axios * vue * vue-axios ### Check peer dependancies ```bash npm install -g check-peer-dependencies npx check-peer-dependencies --npm npx check-peer-dependencies --npm --findSolutions ``` ## Conventions We use ESLint with a few custom rules defined in .eslintrc, and Prettier If you are on visualStudio Code Add this code on your `settings.json` : Install this extension : - **ESlint** of Dirk Baeumer - **Prettier - Code formatter** of Prettier ``` json { "editor.tabSize": 2, "editor.multiCursorModifier": "ctrlCmd", "files.trimFinalNewlines": true, "workbench.colorTheme": "Community Material Theme Darker", "files.insertFinalNewline": true, "files.trimTrailingWhitespace": true, "eslint.validate": [ { "language": "vue", "autoFix": true }, { "language": "html", "autoFix": true }, { "language": "javascript", "autoFix": true }, { "language": "javascriptreact", "autoFix": true } ], "editor.formatOnSave": false, "vetur.validation.template": false, "vetur.format.defaultFormatter.html": "js-beautify-html", "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[vue]": { "editor.defaultFormatter": "octref.vetur" }, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "[jsonc]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "window.zoomLevel": 2, "editor.formatOnPaste": false, "editor.formatOnType": false, "[html]": { "editor.defaultFormatter": "Wscats.eno" } } ``` ### Components #### Base A reusable component that contains only UI will have a name that starts with **Base**. Example: BaseIcon, BaseButton, BaseHouseCard It does not have access to the store. #### The A component which has only one instance in a page, and is reused in multiple pages, has a name that [starts with **The**](https://vuejs.org/v2/style-guide/#Single-instance-component-names-strongly-recommended). Ex: TheHeader, TheCookieBanner, TheFooter --- _Source: https://npm.io/package/game-contest · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._