Abeyy

<template lang="html">
  <div class="cosmic-page-component">
    <div class="row">
      <div class="page-left col-md-8">
        <div class="return-to-select" v-on:click="returnToSelectPage()">
          <i class="fas fa-arrow-left"></i> Back
        </div>
        <img class="cosmic-page-image" :src="defaultImage" />
        <h3>{{cosmicTitle}}</h3>
        <div class="cosmic-page-content" v-html="cosmicContent"></div>

Abeyy

<template lang="html">
  <div class="cosmic-asset-component card">
    <img class="cosmic-image card-img-top" :src="defaultImage" />
    <div class="card-body">
      <h5 class="cosmic-name card-title">
        {{cosmicObj.title}}
      </h5>
    </div>

  </div>

Abeyy

<template lang="html">
  <div class="homescreen">
    <div class="cosmic-object-selector" v-show="selectedIndex == undefined">
      <h1> I want to learn more about.... </h1>
      <div class="cosmic-object-select row">
        <div class="cosmic-object col-md-3" 
             v-on:click="setSelectedAsset(index)" 
             v-for="(obj, index) in cosmicAssetObjs.slice(0,4)" 
             :key="index">
           <cosmic-asset 

Abeyy

data() {
    return {
      // homepage data from Cosmic API
      homepageData: '',
      homepageContent: '',
      cosmicAssetObjs: [],
    }
}
mounted() {
  // Instantiate Cosmic