Fix/dsn widget (#544)

* using fetch version of dsn widget

* bumping versions for release

apps/vue-storybook/.storybook/_mock-components.js

@@ -1,5 +1,6 @@
 // import and assign mock components
 import { action } from '@storybook/addon-actions'
+import DsnWidget from '@explorer-1/vue/src/components/DsnWidget/DsnWidget.vue'
 
 export default (app) => {
   // nuxt-link mock component
@@ -18,4 +19,7 @@ export default (app) => {
     template:
       '<a href="#" @click.prevent="log()" :class="this.class" v-bind="$attrs"><slot></slot></a>'
   })
+
+  // use static dsn widget instead of fetch
+  app.component('FetchDsnWidget', DsnWidget)
 }

package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "3.2.10",
+  "version": "3.2.13",
   "type": "module",
   "description": "Monorepo for JPL's design system, Explorer 1",
   "keywords": [

packages/vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue",
-  "version": "0.2.10",
+  "version": "0.2.13",
   "private": false,
   "publishConfig": {
     "access": "public"

packages/vue/src/components/DsnWidget/DsnWidget.vue

@@ -52,7 +52,7 @@
         </span>
         <span
           v-if="data.location"
-          class="mr-1"
+          class="mr-1 mt-.5"
           aria-hidden="true"
         >
           {{ data.location }}

packages/vue/src/components/HomepageStats/HomepageStats.vue

@@ -143,7 +143,7 @@
             </template>
           </div>
           <!-- DSN Widget -->
-          <DsnWidget />
+          <FetchDsnWidget />
           <!-- asteroid watch -->
           <div
             v-if="asteroidWatch"

packages/vue/src/components/PastEventsCarousel/PastEventsCarousel.vue

@@ -29,6 +29,8 @@
 </template>
 <script lang="ts">
 // relative link to view past events assumes that this component will only be used on an events index page.
+// @ts-nocheck
+// @ts-expect-error Elastic search response is not fully typed
 import { defineComponent } from 'vue'
 import type { ElasticSearchPage } from '../../interfaces'
 import MixinCarousel from './../MixinCarousel/MixinCarousel.vue'

packages/vue/src/interfaces.ts

@@ -49,6 +49,7 @@ export interface ImageObject {
 export interface ImageBlock extends BlockData, ImageObject {}
 
 export interface ElasticSearchPage {
+  _source: string
   id: string | number
   content_type: string
   url: string