added comments for sourcing of code

main
roberts 2023-05-05 12:36:48 +02:00
parent 29d68d8b9b
commit bd008c5961
2 changed files with 5 additions and 2 deletions

View File

@ -1,9 +1,9 @@
<template>
<input type="text" v-model="input" placeholder="Search..." />
<div class="exerciseList">
<li class="exerciseItem" v-for="exercise in filterExercises()" :key="exercise.name">
<ul class="exerciseItem" v-for="exercise in filterExercises()" :key="exercise.name">
<button class="button">{{ exercise.name }}</button>
</li>
</ul>
</div>
</template>
@ -44,6 +44,8 @@ onMounted(async () => {
}
}
)
// filter exercises with help from https://blog.logrocket.com/create-search-bar-vue/ last accessed 05.05.2023
let input = ref('');
function filterExercises(){
return exercises.value.filter((exercise) => {

View File

@ -19,6 +19,7 @@
</script>
<style lang="scss" scoped>
// styling for the navbar (with reference to https://css-tricks.com/snippets/css/a-guide-to-flexbox/#aa-flexbox-properties last accessed 05.05.2023)
.navbar{
display: flex;
width: 100%;