(persistance) persist user choices

Lazy load youtube video
This commit is contained in:
2020-07-11 23:04:23 +02:00
parent d9d8337297
commit d7f185fa6b
6 changed files with 84 additions and 40 deletions

View File

@@ -1,10 +1,6 @@
<template>
<div class="home">
<IntervalInput
:interval="interval"
:editable="timeState === 'stopped'"
@update="(int) => (interval = int)"
/>
<IntervalInput :editable="timeState === 'stopped'" />
<section class="developers">
<DevSession position="1" :is-turn="isDev1Turn" :session="session" />
<DevSession position="2" :is-turn="!isDev1Turn" :session="session" />
@@ -15,45 +11,25 @@
<button v-show="timeState === 'started'" @click="pause">pause</button>
<button v-show="timeState === 'started'" @click="clear">arrêter</button>
</div>
<div class="music">
<div class="pretty p-switch p-fill">
<input
type="checkbox"
name="use-music"
id="use-music"
v-model="hasMusic"
/>
<div class="state p-success">
<label for="use-music">son</label>
</div>
</div>
<ChilledMusic
v-if="hasMusic"
:play="timeState === 'started'"
@play="start"
@pause="pause"
/>
</div>
<ZoneMusic :play="timeState === 'started'" @play="start" @pause="pause" />
</div>
</template>
<script lang="ts">
import { defineComponent } from '@vue/composition-api'
import { useTimer } from '@/hooks/useTimer'
import { useMusic } from '@/hooks/useMusic'
import DevSession from '@/components/DevSession.vue'
import ChilledMusic from '@/components/ChilledMusic.vue'
import ZoneMusic from '@/components/ZoneMusic.vue'
import IntervalInput from '@/components/IntervalInput.vue'
export default defineComponent({
name: 'Home',
components: {
DevSession,
ChilledMusic,
ZoneMusic,
IntervalInput
},
setup() {
const { hasMusic } = useMusic()
const {
interval,
start,
@@ -66,7 +42,6 @@ export default defineComponent({
} = useTimer()
return {
hasMusic,
interval,
start,
pause,