update webstack

src/components/vacationcard/VacationCard.vue

@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <img class="rounded" :src="img" :alt="imgAlt" />
+    <div class="mt-2">
+      <div>
+        <div class="text-xs text-gray-600 uppercase font-bold">
+          {{ eyebrow }}
+        </div>
+        <div class="font-bold text-gray-700 leading-snug">
+          <a :href="url" class="hover:underline">{{ title }}</a>
+        </div>
+        <div class="mt-2 text-sm text-gray-600">{{ pricing }}</div>
+      </div>
+    </div>
+  </div>
+
+  <!-- TODO: how do I get markdown in here? -->
+</template>
+
+<script>
+export default {
+  props: ["img", "imgAlt", "eyebrow", "title", "pricing", "url"],
+};
+</script>