Switch from equicolor
to unique-colors
As `equicolor` was throwing some TypeScript errors and is more complicated than required
This commit is contained in:
parent
087601ba31
commit
9e04082b5b
@ -19,9 +19,9 @@
|
||||
"@fullcalendar/icalendar": "^5.10.1",
|
||||
"@fullcalendar/timegrid": "^5.6.0",
|
||||
"@fullcalendar/vue3": "^5.10.0",
|
||||
"equicolor": "^1.1.0",
|
||||
"ical.js": "github:ekreative/ical.js#var-ical",
|
||||
"intl": "^1.2.5",
|
||||
"unique-colors": "^1.0.1",
|
||||
"vue": "^3.2.20"
|
||||
}
|
||||
}
|
||||
|
@ -4,7 +4,7 @@
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, Ref } from 'vue';
|
||||
import equicolor from 'equicolor/src/Equicolor';
|
||||
import {unique_colors} from 'unique-colors';
|
||||
|
||||
import '@fullcalendar/core/vdom'; // solve problem with Vite
|
||||
import FullCalendar, {
|
||||
@ -26,10 +26,7 @@ const calendars: { [key: string]: string } = {
|
||||
room_reservations: 'f4ro53uklj2u6pr0se7ucskm6g@group.calendar.google.com',
|
||||
};
|
||||
|
||||
const colors: string[] = equicolor.findNextColors(
|
||||
['#ffffff', '#000000'],
|
||||
Object.keys(calendars).length
|
||||
);
|
||||
const colors: string[] = unique_colors(Object.keys(calendars).length);
|
||||
|
||||
const calendarOptions: CalendarOptions = {
|
||||
plugins: [timeGridPlugin, dayGridPlugin, iCalendarPlugin],
|
||||
|
4
src/unique-colors.d.ts
vendored
Normal file
4
src/unique-colors.d.ts
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
declare module 'unique-colors' {
|
||||
function unique_colors(n: number): string[];
|
||||
function unique_shuffled_colors(n: number): string[];
|
||||
}
|
Loading…
Reference in New Issue
Block a user