You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
581 B
Vue
45 lines
581 B
Vue
<template>
|
|
|
|
<header>
|
|
<h1>Story Baobab</h1>
|
|
</header>
|
|
|
|
<main>
|
|
|
|
|
|
<input v-model="title">
|
|
<button @click="add">New Scene</button>
|
|
|
|
<SceneEntry v-for="scene in scenes" :title="scene"/>
|
|
|
|
</main>
|
|
</template>
|
|
|
|
<script setup>
|
|
|
|
import SceneEntry from './components/SceneEntry.vue'
|
|
import {ref} from 'vue'
|
|
|
|
const scenes = ref([])
|
|
const title = ref('')
|
|
const add = () => {
|
|
scenes.value.push(title.value)
|
|
title.value = ""
|
|
}
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
header {
|
|
margin: 32px;
|
|
}
|
|
|
|
main {
|
|
margin: 32px;
|
|
}
|
|
|
|
|
|
|
|
</style>
|