✨ (persistance) persist user choices
Lazy load youtube video
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user