janishutz/MusicPlayer
1
0
Fork 0
mirror of https://github.com/janishutz/MusicPlayerV2.git synced 2025-11-25 04:54:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update eslint config

Browse Source
This commit is contained in:
Admin
2025-09-04 16:26:42 +02:00
parent 16543fb577
commit 057ea67a95
3 changed files with 1644 additions and 885 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2453
MusicPlayerV2-GUI/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

15
MusicPlayerV2-GUI/package.json
View File

@@ -22,22 +22,23 @@
"musickit-typescript": "^1.2.4", "musickit-typescript": "^1.2.4",
"pinia": "^2.1.7", "pinia": "^2.1.7",
"socket.io-client": "^4.7.5", "socket.io-client": "^4.7.5",
"vite-plugin-node-polyfills": "^0.22.0", "vite-plugin-node-polyfills": "^0.24.0",
"vue": "^3.4.15", "vue": "^3.4.15",
"vue-router": "^4.2.5" "vue-router": "^4.2.5"
}, },
"devDependencies": { "devDependencies": {
"@rushstack/eslint-patch": "^1.3.3", "@eslint/js": "^9.34.0",
"@stylistic/eslint-plugin": "^5.3.1",
"@tsconfig/node20": "^20.1.2", "@tsconfig/node20": "^20.1.2",
"@types/node": "^20.11.10", "@types/node": "^20.11.10",
"@vitejs/plugin-vue": "^5.0.3", "@vitejs/plugin-vue": "^6.0.0",
"@vue/eslint-config-typescript": "^12.0.0",
"@vue/tsconfig": "^0.5.1", "@vue/tsconfig": "^0.5.1",
"eslint": "^8.49.0", "eslint-plugin-vue": "^10.4.0",
"eslint-plugin-vue": "^9.17.0",
"npm-run-all2": "^6.1.1", "npm-run-all2": "^6.1.1",
"sass-embedded": "^1.92.0",
"typescript": "~5.3.0", "typescript": "~5.3.0",
"vite": "^5.0.11", "typescript-eslint": "^8.42.0",
"vite": "^7.1.4",
"vue-tsc": "^2.0.29" "vue-tsc": "^2.0.29"
} }
} }

61
MusicPlayerV2-GUI/src/views/BarView.vue
View File

@@ -69,23 +69,58 @@
<button @click="reset()"> <button @click="reset()">
Reset Reset
</button> </button>
<div> <p>Total: CHF {{ total }}</p>
<div v-for="offer in offering" :key="offer.price"> <table class="offering-wrapper">
<p>{{ offer.name }} (CHF {{ offer.price / 100 }})</p> <tbody>
<button class="inc-dec" @click="changeValue( offer.id, 1 )"> <tr v-for="offer in offering" :key="offer.id" class="offering">
+ <td>
</button> <p>{{ offer.name }} (CHF {{ offer.price / 100 }})</p>
<button class="inc-dec" @click="changeValue( offer.id, -1 )"> </td>
- <td>
</button> <button class="inc-dec" @click="changeValue( offer.id, 1 )">
</div> +
</div> </button>
<p>Total: {{ total }}</p> <p>{{ selection[ offer.id ] }}</p>
<button class="inc-dec" @click="changeValue( offer.id, -1 )">
-
</button>
</td>
</tr>
</tbody>
</table>
</div> </div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.bar-utility { .bar-utility {
>.offering-wrapper {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
>.offering {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 5px;
p {
margin: 0;
}
>.inc-dec {
background: none;
border: solid var( --primary-color ) 1px;
border-radius: 20px;
width: 1.5rem;
height: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 1rem;
}
}
}
} }
</style> </style>