Client - use <script setup> in components

This commit is contained in:
Sam
2021-11-10 21:19:27 +01:00
parent 857c0ecd2d
commit 1bede62d80
126 changed files with 2133 additions and 3207 deletions

View File

@ -24,20 +24,17 @@
</div>
</template>
<script lang="ts">
import { PropType, defineComponent } from 'vue'
<script setup lang="ts">
import { toRefs } from 'vue'
import { IWorkoutSegment } from '@/types/workouts'
export default defineComponent({
name: 'WorkoutSegments',
props: {
segments: {
type: Object as PropType<IWorkoutSegment[]>,
required: true,
},
},
})
interface Props {
segments: IWorkoutSegment[]
}
const props = defineProps<Props>()
const { segments } = toRefs(props)
</script>
<style lang="scss" scoped>