src/components/SingleDatePicker.vue

@@ -8,13 +8,8 @@
 export default {
 	name: 'SingleDatePicker',
 }
-</script>
 
-<script setup lang="ts">
-	import { ref, defineProps, watch, onMounted, toRefs, getCurrentInstance, PropType } from 'vue'
-	import { generateUniqueId, applyColor, getL10Weekday, getCalendarDates } from '../utils'
-
-	interface SingleDatePickerPropsColorScheme {
+export interface SingleDatePickerPropsColorScheme {
 	mainColor: string
 	accentColor: string
 	borderColor: string
@@ -22,7 +17,12 @@ export default {
 	reversedColor: string
 }
 
-	type SingleDatePickerPropsAvailableDates = [Date | null, Date | null]
+export type SingleDatePickerPropsAvailableDates = [Date | null, Date | null]
+</script>
+
+<script setup lang="ts">
+import { ref, defineProps, watch, onMounted, toRefs, getCurrentInstance, PropType } from 'vue'
+import { generateUniqueId, applyColor, getL10Weekday, getCalendarDates } from '../utils'
 
 const props = defineProps({
 	/**

src/components/SingleWeekPicker.vue

@@ -8,23 +8,23 @@
 export default {
 	name: 'SingleDatePicker',
 }
-</script>
 
-<script setup lang="ts">
-import { ref, defineProps, toRefs, onMounted, getCurrentInstance, watch } from 'vue'
-import { generateUniqueId, applyColor, getL10Weekday, getCalendarDates, calculateWeekNum } from '../utils'
-
-interface SingleWeekPickerPropsColorScheme {
+export interface SingleWeekPickerPropsColorScheme {
 	mainColor: string
 	accentColor: string
 	borderColor: string
 	hoverColor: string
 	reversedColor: string
 }
-interface SingleWeekPickerModelValue {
+export interface SingleWeekPickerModelValue {
 	weekYear: number
 	weekNum: number
 }
+</script>
+
+<script setup lang="ts">
+import { ref, defineProps, toRefs, onMounted, getCurrentInstance, watch } from 'vue'
+import { generateUniqueId, applyColor, getL10Weekday, getCalendarDates, calculateWeekNum } from '../utils'
 
 const selectMonth = ref(false)
 const uniqueId = generateUniqueId()