Changed quote styles

components/calendar/input/EventCategories.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import type { Category } from '~/models/Category';
+import type { Category } from "~/models/Category";
 
-import { PhCaretDown, PhCheck } from '@phosphor-icons/vue';
+import { PhCaretDown, PhCheck } from "@phosphor-icons/vue";
 
 const isPopoverOpen = ref<boolean>(false)
 
@@ -18,10 +18,10 @@ watch(modelBuffer.value, () => {
 
 const { categories: availableCategories } = useCalendar()
 
-const searchTerm = ref<string>('')
+const searchTerm = ref<string>("")
 
 const filteredCategories = computed(() =>
-  searchTerm.value === ''
+  searchTerm.value === ""
     ? availableCategories
     : availableCategories.filter((category) => {
       return category.name.toLowerCase().includes(searchTerm.value.toLowerCase())

components/calendar/input/EventCategory.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { PhCaretDown } from '@phosphor-icons/vue';
-import type { Category } from '~/models/Category';
+import { PhCaretDown } from "@phosphor-icons/vue";
+import type { Category } from "~/models/Category";
 
 const isPopoverOpen = ref<boolean>(false)
 
@@ -12,14 +12,14 @@ const model = defineModel<Category>()
 
 const { categories: availableCategories } = useCalendar()
 
-const searchTerm = ref<string>('')
+const searchTerm = ref<string>("")
 
 function handleCatSelect() {
   isPopoverOpen.value = false
 }
 
 const filteredCategories = computed(() =>
-  searchTerm.value === ''
+  searchTerm.value === ""
     ? availableCategories
     : availableCategories.filter((category) => {
       return category.name.toLowerCase().includes(searchTerm.value.toLowerCase())

components/calendar/input/MonthList.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import { cn } from '~/lib/utils';
+import { cn } from "~/lib/utils";
 
-import { useSortable } from '@vueuse/integrations/useSortable';
-import type { CalendarMonth } from '~/models/CalendarMonth';
+import { useSortable } from "@vueuse/integrations/useSortable";
+import type { CalendarMonth } from "~/models/CalendarMonth";
 
-import { PhList, PhPlus, PhTrash } from '@phosphor-icons/vue';
+import { PhList, PhPlus, PhTrash } from "@phosphor-icons/vue";
 
 const model = defineModel<CalendarMonth[]>({ required: true })
 
@@ -14,7 +14,7 @@ const model = defineModel<CalendarMonth[]>({ required: true })
 const monthName: Ref<string | undefined> = ref<string>()
 const monthNameRef = ref<HTMLInputElement>()
 const { focused: monthNameFocused } = useFocus(monthNameRef)
-const validMonthNameDatatypes = ['string']
+const validMonthNameDatatypes = ["string"]
 const monthNameIsTaken = computed(() => model.value.find(m => m.name === monthName.value))
 const validMonthName = computed(() => validMonthNameDatatypes.includes(typeof monthName.value) && !monthNameIsTaken.value)
 
@@ -23,7 +23,7 @@ const validMonthName = computed(() => validMonthNameDatatypes.includes(typeof mo
  */
 const monthDays: Ref<number | undefined> = ref<number>()
 const monthDaysRef = ref<HTMLInputElement>()
-const validMonthDaysDatatypes = ['number']
+const validMonthDaysDatatypes = ["number"]
 const validMonthDays = computed(() => validMonthDaysDatatypes.includes(typeof monthDays.value) && monthDays.value && monthDays.value >= 12)
 
 const validNewMonth = computed(() => validMonthDays.value && validMonthName.value)
@@ -44,7 +44,7 @@ function addMonthToModel(): void {
   model.value.push(monthToInsert)
 
   // Reset form state
-  monthName.value = ''
+  monthName.value = ""
   monthNameFocused.value = true
 }
 

components/calendar/input/RPGDate.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import type { RPGDate } from '~/models/Date';
+import type { RPGDate } from "~/models/Date";
 
 import {
   PhXCircle
-} from '@phosphor-icons/vue'
+} from "@phosphor-icons/vue"
 
 const model = defineModel<RPGDate | null>()
 
@@ -27,7 +27,7 @@ const inputPlaceholder = computed<string>(() => {
     return props.placeholder
   }
 
-  return ''
+  return ""
 })
 
 const initialDateValue = props.initialDate ? { ...props.initialDate } : null
@@ -37,7 +37,7 @@ const monthTitle = computed<string>(() => {
     return getMonthName(model.value.month)
   }
 
-  return ''
+  return ""
 })
 
 const hasValue = computed<boolean>(() => !!model.value)

components/calendar/input/TodaySelect.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import type { CalendarMonth } from '~/models/CalendarMonth';
-import type { RPGDate } from '~/models/Date';
+import type { CalendarMonth } from "~/models/CalendarMonth";
+import type { RPGDate } from "~/models/Date";
 
-import { PhCalendarBlank } from '@phosphor-icons/vue';
+import { PhCalendarBlank } from "@phosphor-icons/vue";
 
 const model = defineModel<RPGDate>({ required: true })