fix google classroom share link

packages/vue/src/components/ShareButtonsEdu/ShareButtonsEdu.vue

@@ -68,6 +68,11 @@ const twitterLink = computed((): string => {
 const pinterestLink = computed(() => {
   return `http://pinterest.com/pin/create/button/?url=${encodedURL.value}&media=${props.image}&description=${encodedTitle.value}`
 })
+
+const googleClassroomLink = computed(() => {
+  return `https://classroom.google.com/share?url=${encodedURL.value}`
+})
+
 const mailLink = computed((): string => {
   return `mailto:?body=${encodedTitle.value}:%20${encodedURL.value}&subject=${encodedTitle.value}`
 })
@@ -178,7 +183,7 @@ const buttonClass = computed(() => {
 
           <BaseButton
             variant="social"
-            href="#"
+            :href="googleClassroomLink"
             aria-label="Google Classroom"
             target="_blank"
             rel="noopener"

packages/vue/src/utils/mixins.ts

@@ -213,7 +213,11 @@ export const mixinGetExternalLink = (link: RelatedLinkObject): string | undefine
 // Gets the fully qualified canonical URL of the current page if passed $route.path string
 export const mixinCanonicalUrl = (path: string): string => {
   const domain = 'https://www.jpl.nasa.gov'
-  return domain + path
+  if (path.startsWith('http')) {
+    return path
+  } else {
+    return domain + path
+  }
 }
 // Used to construct an array of image objects to use with BaseLightbox
 // TODO: currently only assembles an array of 1 item (single image lightbox).