Hide Google Calendar API key in an external secrets file

.gitignore

@@ -2,3 +2,4 @@
 /.cache/
 /dist/
 /package-lock.json
+/src/secrets.json

src/App.vue

@@ -14,6 +14,8 @@ import googleCalendarPlugin from '@fullcalendar/google-calendar';
 import { EventInput, CalendarOptions } from '@fullcalendar/core';
 import { Calendar } from '@fullcalendar/core';
 
+import { googleCalendarApiKey } from './secrets.json';
+
 const calendars: { [key: string]: string } = {
   computer_lab: '6mmjp85e4732ru6skf1dda54ls@group.calendar.google.com',
   electronics: '1g8atbdschshrg2inf162rcqt4@group.calendar.google.com',
@@ -37,7 +39,7 @@ export default class App extends Vue {
     nowIndicator: true,
     initialView: 'timeGridWeek',
     height: 'auto',
-    googleCalendarApiKey: 'AIzaSyAQ46fgaqbekkmJqaKR0NCXntaJA6H8JoQ',
+    googleCalendarApiKey,
     slotMinTime: '8:00',
     slotMaxTime: '22:00',
     businessHours: {

tsconfig.json

@@ -3,6 +3,7 @@
     "target": "es5",
     "strict": true,
     "module": "es2015",
-    "moduleResolution": "node"
+    "moduleResolution": "node",
+    "resolveJsonModule": true
   }
 }