Compare commits
3 Commits
0994e2eb7a
...
170f3b3873
Author | SHA1 | Date |
---|---|---|
Lukáš Kucharczyk | 170f3b3873 | |
Lukáš Kucharczyk | 4d484f6040 | |
Lukáš Kucharczyk | ff782cbd11 |
12
src/App.vue
12
src/App.vue
|
@ -1,6 +1,14 @@
|
||||||
<template>
|
<template>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<img alt="Vue logo" src="./assets/logo.png" />
|
<NoteList />
|
||||||
<h1>Welcome to Your Vue.js App</h1>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import NoteList from '@/components/NoteList.vue'
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
NoteList
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
|
@ -1,14 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
<textarea
|
<textarea
|
||||||
@keyup.enter="addNote"
|
@keyup.enter="addNote"
|
||||||
|
onfocus="this.value=''"
|
||||||
|
onblur="this.value = 'Start typing something…'"
|
||||||
v-model="content"
|
v-model="content"
|
||||||
cols="30"
|
|
||||||
rows="10"
|
rows="10"
|
||||||
></textarea>
|
></textarea>
|
||||||
<button type="submit" @click="addNote">
|
<div class="note" v-for="note in notes" :key="note.id">{{ note.text }}</div>
|
||||||
Submit
|
|
||||||
</button>
|
|
||||||
<div v-for="note in notes" :key="note.id">{{ note.text }}</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
@ -28,4 +26,17 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style></style>
|
<style scoped>
|
||||||
|
textarea {
|
||||||
|
width: 100%;
|
||||||
|
border-width: 0 0 1px 0;
|
||||||
|
border-color: black;
|
||||||
|
resize: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.note {
|
||||||
|
border-width: 1px;
|
||||||
|
padding: 5px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue