@explorer-1/vue 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 California Institute of Technology (Caltech). U.S. Government sponsorship acknowledged.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,9 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously Volar) and disable Vetur
+
+- Use [vue-tsc](https://github.com/vuejs/language-tools/tree/master/packages/tsc) for performing the same type checking from the command line, or for generating d.ts files for SFCs.

package/components.d.ts

@@ -0,0 +1,215 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    AsteroidWatchWidget: typeof import('./src/components/AsteroidWatchWidget/AsteroidWatchWidget.vue')['default']
+    BackToTop: typeof import('./src/components/BackToTop/BackToTop.vue')['default']
+    BaseAudio: typeof import('./src/components/BaseAudio/BaseAudio.vue')['default']
+    BaseButton: typeof import('./src/components/BaseButton/BaseButton.vue')['default']
+    BaseCheckboxGroup: typeof import('./src/components/BaseCheckboxGroup/BaseCheckboxGroup.vue')['default']
+    BaseHeading: typeof import('./src/components/BaseHeading/BaseHeading.vue')['default']
+    BaseImage: typeof import('./src/components/BaseImage/BaseImage.vue')['default']
+    BaseImageCaption: typeof import('./src/components/BaseImageCaption/BaseImageCaption.vue')['default']
+    BaseImagePlaceholder: typeof import('./src/components/BaseImagePlaceholder/BaseImagePlaceholder.vue')['default']
+    BaseLightboxCloseButton: typeof import('./src/components/BaseLightboxCloseButton/BaseLightboxCloseButton.vue')['default']
+    BaseLightboxOpenButton: typeof import('./src/components/BaseLightboxOpenButton/BaseLightboxOpenButton.vue')['default']
+    BaseLink: typeof import('./src/components/BaseLink/BaseLink.vue')['default']
+    BaseModal: typeof import('./src/components/BaseModal/BaseModal.vue')['default']
+    BaseModalDialog: typeof import('./src/components/BaseModal/BaseModalDialog.vue')['default']
+    BasePlaceholder: typeof import('./src/components/BasePlaceholder/BasePlaceholder.vue')['default']
+    BaseRadioGroup: typeof import('./src/components/BaseRadioGroup/BaseRadioGroup.vue')['default']
+    BaseSwimlane: typeof import('./src/components/BaseSwimlane/BaseSwimlane.vue')['default']
+    BaseTag: typeof import('./src/components/BaseTag/BaseTag.vue')['default']
+    BaseTimer: typeof import('./src/components/BaseTimer/BaseTimer.vue')['default']
+    BaseUnitToggle: typeof import('./src/components/BaseUnitToggle/BaseUnitToggle.vue')['default']
+    BaseVideo: typeof import('./src/components/BaseVideo/BaseVideo.vue')['default']
+    BlockAnchor: typeof import('./src/components/BlockAnchor/BlockAnchor.vue')['default']
+    BlockAudio: typeof import('./src/components/BlockAudio/BlockAudio.vue')['default']
+    BlockCard: typeof import('./src/components/BlockCard/BlockCard.vue')['default']
+    BlockCardGroup: typeof import('./src/components/BlockCardGroup/BlockCardGroup.vue')['default']
+    BlockCircleImageCard: typeof import('./src/components/BlockCircleImageCard/BlockCircleImageCard.vue')['default']
+    BlockCta: typeof import('./src/components/BlockCta/BlockCta.vue')['default']
+    BlockHeading: typeof import('./src/components/BlockHeading/BlockHeading.vue')['default']
+    BlockIframeEmbed: typeof import('./src/components/BlockIframeEmbed/BlockIframeEmbed.vue')['default']
+    BlockImage: typeof import('./src/components/BlockImage/BlockImage.vue')['default']
+    BlockImageCarousel: typeof import('./src/components/BlockImageCarousel/BlockImageCarousel.vue')['default']
+    BlockImageCarouselItem: typeof import('./src/components/BlockImageCarouselItem/BlockImageCarouselItem.vue')['default']
+    BlockImageComparison: typeof import('./src/components/BlockImageComparison/BlockImageComparison.vue')['default']
+    BlockImageFullBleed: typeof import('./src/components/BlockImage/BlockImageFullBleed.vue')['default']
+    BlockImageGallery: typeof import('./src/components/BlockImageGallery/BlockImageGallery.vue')['default']
+    BlockImageStandard: typeof import('./src/components/BlockImage/BlockImageStandard.vue')['default']
+    BlockInlineImage: typeof import('./src/components/BlockInlineImage/BlockInlineImage.vue')['default']
+    BlockKeyPoints: typeof import('./src/components/BlockKeyPoints/BlockKeyPoints.vue')['default']
+    BlockLinkCard: typeof import('./src/components/BlockLinkCard/BlockLinkCard.vue')['default']
+    BlockLinkCarousel: typeof import('./src/components/BlockLinkCarousel/BlockLinkCarousel.vue')['default']
+    BlockLinkTile: typeof import('./src/components/BlockLinkTile/BlockLinkTile.vue')['default']
+    BlockListCards: typeof import('./src/components/BlockListCards/BlockListCards.vue')['default']
+    BlockQuote: typeof import('./src/components/BlockQuote/BlockQuote.vue')['default']
+    BlockRelatedLinks: typeof import('./src/components/BlockRelatedLinks/BlockRelatedLinks.vue')['default']
+    BlockStreamfield: typeof import('./src/components/BlockStreamfield/BlockStreamfield.vue')['default']
+    BlockTable: typeof import('./src/components/BlockTable/BlockTable.vue')['default']
+    BlockTeaser: typeof import('./src/components/BlockTeaser/BlockTeaser.vue')['default']
+    BlockText: typeof import('./src/components/BlockText/BlockText.vue')['default']
+    BlockTwitterEmbed: typeof import('./src/components/BlockTwitterEmbed/BlockTwitterEmbed.vue')['default']
+    BlockVideo: typeof import('./src/components/BlockVideo/BlockVideo.vue')['default']
+    BlockVideoEmbed: typeof import('./src/components/BlockVideoEmbed/BlockVideoEmbed.vue')['default']
+    CalendarButton: typeof import('./src/components/CalendarButton/CalendarButton.vue')['default']
+    DetailHeadline: typeof import('./src/components/DetailHeadline/DetailHeadline.vue')['default']
+    DistanceStats: typeof import('./src/components/MissionDetailStats/DistanceStats.vue')['default']
+    DsnWidget: typeof import('./src/components/DsnWidget/DsnWidget.vue')['default']
+    EventCard: typeof import('./src/components/EventCard/EventCard.vue')['default']
+    EventDetailHero: typeof import('./src/components/EventDetailHero/EventDetailHero.vue')['default']
+    FormContact: typeof import('./src/components/FormContact/FormContact.vue')['default']
+    FormNewsletterSignup: typeof import('./src/components/FormNewsletterSignup/FormNewsletterSignup.vue')['default']
+    HeroLarge: typeof import('./src/components/HeroLarge/HeroLarge.vue')['default']
+    HeroListingIndex: typeof import('./src/components/HeroListingIndex/HeroListingIndex.vue')['default']
+    HeroMedia: typeof import('./src/components/HeroMedia/HeroMedia.vue')['default']
+    HeroMedium: typeof import('./src/components/HeroMedium/HeroMedium.vue')['default']
+    HomePage: typeof import('./src/templates/www/HomePage/HomePage.vue')['default']
+    HomepageCarousel: typeof import('./src/components/HomepageCarousel/HomepageCarousel.vue')['default']
+    HomepageCarouselItem: typeof import('./src/components/HomepageCarouselItem/HomepageCarouselItem.vue')['default']
+    HomepageEmbedBlock: typeof import('./src/components/HomepageEmbedBlock/HomepageEmbedBlock.vue')['default']
+    HomepageFeaturedRobot: typeof import('./src/components/HomepageFeaturedRobot/HomepageFeaturedRobot.vue')['default']
+    HomepageMissionsCarousel: typeof import('./src/components/HomepageMissionsCarousel/HomepageMissionsCarousel.vue')['default']
+    HomepageMissionsCarouselItem: typeof import('./src/components/HomepageMissionsCarousel/HomepageMissionsCarouselItem.vue')['default']
+    HomepageStats: typeof import('./src/components/HomepageStats/HomepageStats.vue')['default']
+    HomepageTeaserBlock: typeof import('./src/components/HomepageTeaserBlock/HomepageTeaserBlock.vue')['default']
+    HomepageTeaserBlockCardImage: typeof import('./src/components/HomepageTeaserBlock/HomepageTeaserBlockCardImage.vue')['default']
+    Icon360: typeof import('./src/components/Icons/Icon360.vue')['default']
+    IconArrow: typeof import('./src/components/Icons/IconArrow.vue')['default']
+    IconArrows: typeof import('./src/components/Icons/IconArrows.vue')['default']
+    IconAudio: typeof import('./src/components/Icons/IconAudio.vue')['default']
+    IconBook: typeof import('./src/components/Icons/IconBook.vue')['default']
+    IconBookUser: typeof import('./src/components/Icons/IconBookUser.vue')['default']
+    IconBriefcase: typeof import('./src/components/Icons/IconBriefcase.vue')['default']
+    IconCalendar: typeof import('./src/components/Icons/IconCalendar.vue')['default']
+    IconCaret: typeof import('./src/components/Icons/IconCaret.vue')['default']
+    IconCheckbox: typeof import('./src/components/Icons/IconCheckbox.vue')['default']
+    IconCheckboxSelected: typeof import('./src/components/Icons/IconCheckboxSelected.vue')['default']
+    IconClose: typeof import('./src/components/Icons/IconClose.vue')['default']
+    IconCloseLightbox: typeof import('./src/components/Icons/IconCloseLightbox.vue')['default']
+    IconDownload: typeof import('./src/components/Icons/IconDownload.vue')['default']
+    IconDropdown: typeof import('./src/components/Icons/IconDropdown.vue')['default']
+    IconEnvelope: typeof import('./src/components/Icons/IconEnvelope.vue')['default']
+    IconExpand: typeof import('./src/components/Icons/IconExpand.vue')['default']
+    IconExternal: typeof import('./src/components/Icons/IconExternal.vue')['default']
+    IconFilter: typeof import('./src/components/Icons/IconFilter.vue')['default']
+    IconForwardTen: typeof import('./src/components/Icons/IconForwardTen.vue')['default']
+    IconGrid: typeof import('./src/components/Icons/IconGrid.vue')['default']
+    IconHand: typeof import('./src/components/Icons/IconHand.vue')['default']
+    IconInfo: typeof import('./src/components/Icons/IconInfo.vue')['default']
+    IconLink: typeof import('./src/components/Icons/IconLink.vue')['default']
+    IconList: typeof import('./src/components/Icons/IconList.vue')['default']
+    IconLocation: typeof import('./src/components/Icons/IconLocation.vue')['default']
+    IconMagnifyingGlass: typeof import('./src/components/Icons/IconMagnifyingGlass.vue')['default']
+    IconMedal: typeof import('./src/components/Icons/IconMedal.vue')['default']
+    IconMenu: typeof import('./src/components/Icons/IconMenu.vue')['default']
+    IconMinus: typeof import('./src/components/Icons/IconMinus.vue')['default']
+    IconMute: typeof import('./src/components/Icons/IconMute.vue')['default']
+    IconNext: typeof import('./src/components/Icons/IconNext.vue')['default']
+    IconPause: typeof import('./src/components/Icons/IconPause.vue')['default']
+    IconPlay: typeof import('./src/components/Icons/IconPlay.vue')['default']
+    IconPlus: typeof import('./src/components/Icons/IconPlus.vue')['default']
+    IconPrev: typeof import('./src/components/Icons/IconPrev.vue')['default']
+    IconRewindTen: typeof import('./src/components/Icons/IconRewindTen.vue')['default']
+    IconSearch: typeof import('./src/components/Icons/IconSearch.vue')['default']
+    IconShare: typeof import('./src/components/Icons/IconShare.vue')['default']
+    IconSlideshow: typeof import('./src/components/Icons/IconSlideshow.vue')['default']
+    IconSocialEmail: typeof import('./src/components/Icons/IconSocialEmail.vue')['default']
+    IconSocialFacebook: typeof import('./src/components/Icons/IconSocialFacebook.vue')['default']
+    IconSocialGoogleClassroom: typeof import('./src/components/Icons/IconSocialGoogleClassroom.vue')['default']
+    IconSocialInstagram: typeof import('./src/components/Icons/IconSocialInstagram.vue')['default']
+    IconSocialPinterest: typeof import('./src/components/Icons/IconSocialPinterest.vue')['default']
+    IconSocialReddit: typeof import('./src/components/Icons/IconSocialReddit.vue')['default']
+    IconSocialTwitter: typeof import('./src/components/Icons/IconSocialTwitter.vue')['default']
+    IconSocialYoutube: typeof import('./src/components/Icons/IconSocialYoutube.vue')['default']
+    IconStop: typeof import('./src/components/Icons/IconStop.vue')['default']
+    IconTime: typeof import('./src/components/Icons/IconTime.vue')['default']
+    IconUniversity: typeof import('./src/components/Icons/IconUniversity.vue')['default']
+    IconUser: typeof import('./src/components/Icons/IconUser.vue')['default']
+    IconVolume: typeof import('./src/components/Icons/IconVolume.vue')['default']
+    ImageDetailContextImage: typeof import('./src/components/ImageDetailContextImage/ImageDetailContextImage.vue')['default']
+    LayoutHelper: typeof import('./src/components/LayoutHelper/LayoutHelper.vue')['default']
+    LoadingTransition: typeof import('./src/components/LoadingTransition/LoadingTransition.vue')['default']
+    LogoCaltech: typeof import('./src/components/LogoCaltech/LogoCaltech.vue')['default']
+    LogoTribrand: typeof import('./src/components/LogoTribrand/LogoTribrand.vue')['default']
+    MissionDetailAbout: typeof import('./src/components/MissionDetailAbout/MissionDetailAbout.vue')['default']
+    MissionDetailHero: typeof import('./src/components/MissionDetailHero/MissionDetailHero.vue')['default']
+    MissionDetailHighlights: typeof import('./src/components/MissionDetailHighlights/MissionDetailHighlights.vue')['default']
+    MissionDetailHighlightsCarousel: typeof import('./src/components/MissionDetailHighlights/MissionDetailHighlightsCarousel.vue')['default']
+    MissionDetailHighlightsCarouselItem: typeof import('./src/components/MissionDetailHighlights/MissionDetailHighlightsCarouselItem.vue')['default']
+    MissionDetailInlineImage: typeof import('./src/components/MissionDetailInlineImage/MissionDetailInlineImage.vue')['default']
+    MissionDetailStats: typeof import('./src/components/MissionDetailStats/MissionDetailStats.vue')['default']
+    MissionDetailStatsMicro: typeof import('./src/components/MissionDetailStats/MissionDetailStatsMicro.vue')['default']
+    MissionDetailStatsMini: typeof import('./src/components/MissionDetailStats/MissionDetailStatsMini.vue')['default']
+    MissionDetailStreamfield: typeof import('./src/components/MissionDetailStreamfield/MissionDetailStreamfield.vue')['default']
+    MixinAnimationCaret: typeof import('./src/components/MixinAnimationCaret/MixinAnimationCaret.vue')['default']
+    MixinCarousel: typeof import('./src/components/MixinCarousel/MixinCarousel.vue')['default']
+    MixinDropdownToggle: typeof import('./src/components/MixinDropdownToggle/MixinDropdownToggle.vue')['default']
+    MixinFancybox: typeof import('./src/components/MixinFancybox/MixinFancybox.vue')['default']
+    MixinFancyboxOpenButton: typeof import('./src/components/MixinFancybox/MixinFancyboxOpenButton.vue')['default']
+    MixinVideoBg: typeof import('./src/components/MixinVideoBg/MixinVideoBg.vue')['default']
+    NavDesktop: typeof import('./src/components/NavDesktop/NavDesktop.vue')['default']
+    NavDesktopDropdown: typeof import('./src/components/NavDesktop/NavDesktopDropdown.vue')['default']
+    NavDesktopDropdownContent: typeof import('./src/components/NavDesktop/NavDesktopDropdownContent.vue')['default']
+    NavDesktopDropdownMore: typeof import('./src/components/NavDesktop/NavDesktopDropdownMore.vue')['default']
+    NavDesktopTopHat: typeof import('./src/components/NavDesktop/NavDesktopTopHat.vue')['default']
+    NavHeading: typeof import('./src/components/NavHeading/NavHeading.vue')['default']
+    NavHighlight: typeof import('./src/components/NavHighlight/NavHighlight.vue')['default']
+    NavLinkList: typeof import('./src/components/NavLinkList/NavLinkList.vue')['default']
+    NavLogoLinks: typeof import('./src/components/NavLogoLinks/NavLogoLinks.vue')['default']
+    NavMobile: typeof import('./src/components/NavMobile/NavMobile.vue')['default']
+    NavMobileDropdown: typeof import('./src/components/NavMobile/NavMobileDropdown.vue')['default']
+    NavMobileLink: typeof import('./src/components/NavMobile/NavMobileLink.vue')['default']
+    NavMobileSecondaryDropdown: typeof import('./src/components/NavMobile/NavMobileSecondaryDropdown.vue')['default']
+    NavSearchForm: typeof import('./src/components/NavSearchForm/NavSearchForm.vue')['default']
+    NavSecondary: typeof import('./src/components/NavSecondary/NavSecondary.vue')['default']
+    NavSecondaryDropdown: typeof import('./src/components/NavSecondary/NavSecondaryDropdown.vue')['default']
+    NavSecondaryDropdownContent: typeof import('./src/components/NavSecondary/NavSecondaryDropdownContent.vue')['default']
+    NavSecondaryLink: typeof import('./src/components/NavSecondary/NavSecondaryLink.vue')['default']
+    NavSocial: typeof import('./src/components/NavSocial/NavSocial.vue')['default']
+    NewsDetailMediaContact: typeof import('./src/components/NewsDetailMediaContact/NewsDetailMediaContact.vue')['default']
+    PageContent: typeof import('./src/templates/PageContent/PageContent.vue')['default']
+    PageEduNewsDetail: typeof import('./src/templates/edu/PageEduNewsDetail.vue')['default']
+    PageEventDetail: typeof import('./src/templates/PageEventDetail/PageEventDetail.vue')['default']
+    PageNewsDetail: typeof import('./src/templates/PageNewsDetail/PageNewsDetail.vue')['default']
+    ParallaxContainer: typeof import('./src/components/ParallaxContainer/ParallaxContainer.vue')['default']
+    ParallaxElement: typeof import('./src/components/ParallaxElement/ParallaxElement.vue')['default']
+    PastEventsCarousel: typeof import('./src/components/PastEventsCarousel/PastEventsCarousel.vue')['default']
+    PodcastEpisodeCard: typeof import('./src/components/PodcastEpisodeCard/PodcastEpisodeCard.vue')['default']
+    PodcastSeriesCarousel: typeof import('./src/components/PodcastSeriesCarousel/PodcastSeriesCarousel.vue')['default']
+    ProfileDetailSectionGroup: typeof import('./src/components/ProfileDetailSectionGroup/ProfileDetailSectionGroup.vue')['default']
+    RelatedLink: typeof import('./src/components/BlockRelatedLinks/RelatedLink.vue')['default']
+    RoboticsDetailStats: typeof import('./src/components/RoboticsDetailStats/RoboticsDetailStats.vue')['default']
+    RoboticsDetailStatsMini: typeof import('./src/components/RoboticsDetailStats/RoboticsDetailStatsMini.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SearchFilterGroup: typeof import('./src/components/SearchFilterGroup/SearchFilterGroup.vue')['default']
+    SearchInput: typeof import('./src/components/SearchInput/SearchInput.vue')['default']
+    SearchPagination: typeof import('./src/components/SearchPagination/SearchPagination.vue')['default']
+    SearchResultCard: typeof import('./src/components/SearchResultCard/SearchResultCard.vue')['default']
+    SearchResultGridItem: typeof import('./src/components/SearchResultGridItem/SearchResultGridItem.vue')['default']
+    SearchResultsList: typeof import('./src/components/SearchResultsList/SearchResultsList.vue')['default']
+    SearchSelectMenu: typeof import('./src/components/SearchSelectMenu/SearchSelectMenu.vue')['default']
+    ShareButtons: typeof import('./src/components/ShareButtons/ShareButtons.vue')['default']
+    ShareButtonsEdu: typeof import('./src/components/ShareButtonsEdu/ShareButtonsEdu.vue')['default']
+    SkipLink: typeof import('./src/components/SkipLink/SkipLink.vue')['default']
+    SwimlaneCTA: typeof import('./src/components/SwimlaneCTA/SwimlaneCTA.vue')['default']
+    TheFooter: typeof import('./src/components/TheFooter/TheFooter.vue')['default']
+    TheFooterSignUp: typeof import('./src/components/TheFooter/TheFooterSignUp.vue')['default']
+    ThumbnailCarousel: typeof import('./src/components/ThumbnailCarousel/ThumbnailCarousel.vue')['default']
+    TopicDetailMissionCarousel: typeof import('./src/components/TopicDetailMissionCarousel/TopicDetailMissionCarousel.vue')['default']
+    TopicDetailMissionCarouselItem: typeof import('./src/components/TopicDetailMissionCarouselItem/TopicDetailMissionCarouselItem.vue')['default']
+    TopicDetailMissionSpotlight: typeof import('./src/components/TopicDetailMissionSpotlight/TopicDetailMissionSpotlight.vue')['default']
+    TopicDetailMore: typeof import('./src/components/TopicDetailMore/TopicDetailMore.vue')['default']
+    TopicDetailMoreItem: typeof import('./src/components/TopicDetailMoreItem/TopicDetailMoreItem.vue')['default']
+    TopicDetailMoreVisibility: typeof import('./src/components/TopicDetailMore/TopicDetailMoreVisibility.vue')['default']
+    TopicDetailStreamfield: typeof import('./src/components/TopicDetailStreamfield/TopicDetailStreamfield.vue')['default']
+    YearTicker: typeof import('./src/components/YearTicker/YearTicker.vue')['default']
+  }
+}

package/index.html

@@ -0,0 +1,18 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0"
+    />
+    <title>Explorer 1: Vue components</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script
+      type="module"
+      src="/src/main.ts"
+    ></script>
+  </body>
+</html>

package/lib/main.ts

@@ -0,0 +1,78 @@
+// utils
+import dayjs from './../src/utils/dayjs'
+import filters from './../src/utils/filters'
+import type { Explorer1Theme } from '../src/interfaces'
+
+// stores
+import { useHeaderStore } from './../src/store/header'
+import { useThemeStore } from './../src/store/theme'
+// mixins
+import {
+  mixinTransparentHeader,
+  mixinGetLinkText,
+  mixinGetRouterLink,
+  mixinUpdateGlobalChildren,
+  mixinUpdateSecondary,
+  mixinHighlightPrimary,
+  mixinIsActivePath,
+  mixinGetSrcSet,
+  mixinGetExternalLink,
+  mixinCanonicalUrl,
+  mixinLightboxItems,
+  mixinLightboxGalleryItems,
+  mixinFormatSplitEventDates,
+  mixinFormatEventDates,
+  mixinFormatEventTimeInHoursAndMinutes
+} from './../src/utils/mixins'
+// components here
+import BaseButton from './../src/components/BaseButton/BaseButton.vue'
+import BaseHeading from './../src/components/BaseButton/BaseButton.vue'
+import BaseImage from './../src/components/BaseImage/BaseImage.vue'
+import BaseLink from './../src/components/BaseLink/BaseLink.vue'
+import BlockHeading from './../src/components/BlockHeading/BlockHeading.vue'
+import BlockImage from './../src/components/BlockImage/BlockImage.vue'
+import BlockImageFullBleed from './../src/components/BlockImage/BlockImageFullBleed.vue'
+import BlockImageStandard from './../src/components/BlockImage/BlockImageStandard.vue'
+import IconArrows from './../src/components/Icons/IconArrows.vue'
+import IconCaret from './../src/components/Icons/IconCaret.vue'
+import IconLocation from './../src/components/Icons/IconLocation.vue'
+import IconUser from './../src/components/Icons/IconUser.vue'
+import MixinAnimationCaret from './../src/components/MixinAnimationCaret/MixinAnimationCaret.vue'
+import MixinFancybox from './../src/components/MixinFancybox/MixinFancybox.vue'
+
+export {
+  type Explorer1Theme,
+  dayjs,
+  filters,
+  useHeaderStore,
+  useThemeStore,
+  mixinTransparentHeader,
+  mixinGetLinkText,
+  mixinGetRouterLink,
+  mixinUpdateGlobalChildren,
+  mixinUpdateSecondary,
+  mixinHighlightPrimary,
+  mixinIsActivePath,
+  mixinGetSrcSet,
+  mixinGetExternalLink,
+  mixinCanonicalUrl,
+  mixinLightboxItems,
+  mixinLightboxGalleryItems,
+  mixinFormatSplitEventDates,
+  mixinFormatEventDates,
+  mixinFormatEventTimeInHoursAndMinutes,
+  BaseButton,
+  BaseHeading,
+  BaseImage,
+  BaseLink,
+  BlockHeading,
+  BlockImage,
+  BlockImageFullBleed,
+  BlockImageStandard,
+  IconArrows,
+  IconCaret,
+  IconLocation,
+  IconUser,
+  MixinAnimationCaret,
+  MixinFancybox
+}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@explorer-1/vue",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "DesignLab",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nasa-jpl/explorer-1"
+  },
+  "version": "0.0.0",
+  "type": "module",
+  "prettier": "@explorer-1/prettier-config",
+  "dependencies": {
+    "@fancyapps/ui": "^4.0.26",
+    "@tailwindcss/forms": "^0.5.7",
+    "animejs": "^3.2.2",
+    "click-outside-vue3": "^4.0.1",
+    "datebook": "^8.0.1",
+    "dayjs": "^1.11.11",
+    "lodash": "^4.17.21",
+    "qs": "^6.12.1",
+    "sass": "^1.77.4",
+    "swiper": "^11.1.3",
+    "tailwindcss": "^3.4.3",
+    "twitter-widgets": "^2.0.0",
+    "vue": "^3.4.21",
+    "vue3-compare-image": "^1.2.5"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.4",
+    "autoprefixer": "^10.4.19",
+    "postcss": "^8.4.38",
+    "postcss-import": "^16.1.0",
+    "typescript": "^5.2.2",
+    "unplugin-vue-components": "^0.27.0",
+    "vite": "^5.2.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vue-tsc": "^2.0.6",
+    "@explorer-1/common": "1.0.0",
+    "@explorer-1/prettier-config": "1.0.0"
+  },
+  "scripts": {
+    "dev": "pnpm prepare && vite",
+    "build": "pnpm prepare && vue-tsc && vite build",
+    "lint": "eslint ./src",
+    "lint:fix": "eslint ./src --fix",
+    "preview": "vite preview",
+    "prepare:fonts": "cp -R ./node_modules/@explorer-1/common/src/fonts/ ./src/assets/fonts/",
+    "prepare:public": "cp -R ./node_modules/@explorer-1/common/src/public/explorer-1/ ./public/explorer-1",
+    "prepare:public:edu": "cp -R ./node_modules/@explorer-1/common/src/public/explorer-1/ ./public/edu/explorer-1"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,7 @@
+export default {
+  plugins: {
+    'postcss-import': {},
+    tailwindcss: {},
+    autoprefixer: {}
+  }
+}

package/src/App.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="">
+    <base-button variant="secondary"> Button Text </base-button>
+    <base-link
+      variant="primary"
+      href="#"
+      >Base Link</base-link
+    >
+    <base-unit-toggle
+      v-slot="slotProps"
+      unit-pair="MI_KM"
+      :value="14.33"
+      :second-value="undefined"
+      value-system="imperial"
+    >
+      <span class="text-stats-xl">{{ slotProps.formattedValue }}</span>
+    </base-unit-toggle>
+    <block-cta
+      :data="{
+        heading: 'Heading for CTA',
+        text: 'Button',
+        page: '',
+        externalLink: 'http://www.jpl.nasa.gov'
+      }"
+    />
+    <p class="text-action">Action color</p>
+    <p class="text-primary">Primary color</p>
+    <p class="text-secondary">Secondary color</p>
+  </div>
+</template>

package/src/assets/fonts/README.md

@@ -0,0 +1,12 @@
+# Fonts
+
+Place optimized fonts file in this folder. We provide font files as WOFF 2.0 for all modern browsers.
+
+- WOFF 2.0 conversion: [woff2](https://github.com/google/woff2)
+
+Fonts:
+
+- [Metropolis](https://fontsarena.com/metropolis-by-chris-simpson/)
+- [Archivo Narrow](https://fonts.google.com/specimen/Archivo+Narrow)
+
+See the styleguide for font usage guidelines.

package/src/assets/scss/styles.scss

@@ -0,0 +1 @@
+@import './../../../node_modules/@explorer-1/common/src/scss/styles';