// ─────────────────────────────────────────────────────────────────────────────
// import
// ─────────────────────────────────────────────────────────────────────────────

import { graphql } from 'gatsby';

// ─────────────────────────────────────────────────────────────────────────────
// component
// ─────────────────────────────────────────────────────────────────────────────

export const OgImageFragment = graphql`
  fragment OgImageFragment on File {
    childImageSharp {
      resize(width: 1200, height: 630) {
        src
      }
    }
  }
`;

export const MetaFragment = graphql`
  fragment MetaFragment on PagesJson {
    meta {
      title
      description
      ogImage {
        ...OgImageFragment
      }
    }
  }
`;

export const WorkFragment = graphql`
  fragment WorkFragment on WorkJson {
    meta {
      permalink
    }
    body {
      title
      tagline
    }
  }
`;

export const LabFragment = graphql`
  fragment LabFragment on LabJson {
    meta {
      type
      permalink
    }
    body {
      title
      tagline
    }
  }
`;

export const BlogPreviewFragment = graphql`
  fragment BlogPreviewFragment on MarkdownRemark {
    timeToRead
    frontmatter {
      permalink
      title
      date(formatString: "MMMM D, YYYY")
    }
  }
`;

@@ -377,16 +377,65 @@
 %E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%E2%94%80%0A%0A
+// separate due to being used in other fragments%0A
 export c
@@ -613,28 +613,25 @@
 t const 
-MetaF
+f
 ragment
+s
  = graph
@@ -779,48 +779,8 @@
   %7D%0A
-%60;%0A%0Aexport const WorkFragment = graphql%60
 %0A  f
@@ -898,47 +898,8 @@
   %7D%0A
-%60;%0A%0Aexport const LabFragment = graphql%60
 %0A  f
@@ -1026,55 +1026,8 @@
   %7D%0A
-%60;%0A%0Aexport const BlogPreviewFragment = graphql%60
 %0A  f

refactor fragments