Meetup Data via the ical feed

package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@testing-library/vue": "^6.6.0",
+    "ical.js": "^1.5.0",
     "sass": "^1.52.3",
     "vue": "^3.2.36",
     "vue-router": "^4.0.15"

src/App.vue

@@ -2,6 +2,7 @@
 import {RouterView} from 'vue-router'
 import Navigation from "./components/Navigation.vue";
 import SiteFooter from "./components/SiteFooter.vue";
+import MeetupEvents from './components/MeetupEvents.vue';
 </script>
 
 <template>
@@ -11,6 +12,7 @@ import SiteFooter from "./components/SiteFooter.vue";
     </header>
 
     <main>
+      <MeetupEvents/>
       <RouterView/>
     </main>
 

src/components/MeetupEvents.vue

@@ -0,0 +1,13 @@
+<script>
+  import ICAL from "ical.js"
+  const corsAnywhere = "https://cors-anywhere.herokuapp.com/"
+  const meetupIcalFeedUrl = "https://www.meetup.com/Baltimore-Code-and-Coffee/events/ical/";
+  const iCalendarDataFeed = await fetch(`${corsAnywhere}${meetupIcalFeedUrl}`)
+  const iCalData = await iCalendarDataFeed.text();
+  var jCalData = ICAL.parse(iCalData);
+  debugger;
+</script>
+
+<template>
+  [meetup widgets will go here]
+</template>