{"version":3,"sources":["webpack://gatsby-starter-blog/./src/components/toc.js","webpack://gatsby-starter-blog/./src/templates/postTemplate.js"],"names":["props","className","dangerouslySetInnerHTML","__html","data","location","post","markdownRemark","siteTitle","site","siteMetadata","title","frontmatter","tags","previous","next","tableOfContents","description","excerpt","map","tag","date","itemProp","style","marginBottom","html"],"mappings":"8MAgBA,EAdY,SAAAA,GACV,OACE,uBAAKC,UAAU,OACb,sBAAIA,UAAU,cAAd,WACA,uBACEA,UAAU,eACVC,wBAAyB,CACvBC,OAAQH,EAAMI,UC0CxB,EA7CqB,SAAC,GAAwB,IAAD,EAArBA,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SACtBC,EAAOF,EAAKG,eACZC,GAAY,UAAAJ,EAAKK,KAAKC,oBAAV,eAAwBC,QAAxB,QACZA,EAAQL,EAAKM,YAAYD,MACzBE,EAAOP,EAAKM,YAAYC,KACHT,EAAnBU,SAAmBV,EAATW,KAQlB,OAPgBT,EAAKU,iBAIb,gBAAC,EAAD,CAAKZ,KAAMA,EAAKG,eAAeS,kBAIrC,gBAAC,IAAD,CAAQX,SAAUA,EAAUM,MAAOH,GACjC,gBAAC,IAAD,CACEG,MAAOA,EACPM,YAAaX,EAAKM,YAAYK,aAAeX,EAAKY,UAEjDL,EAAKM,KAAI,SAAAC,GAAG,OACX,0BACGA,MAGL,yBACCd,EAAKM,YAAYS,MAElB,sBAAIC,SAAS,YAAYX,GACzB,uBACEY,MAAO,CACLC,aAAc,MAIlB,2BACEtB,wBAAyB,CAAEC,OAAQG,EAAKmB,MACxCH,SAAS,gBAEX,2BACF,uBAAKrB,UAAU","file":"component---src-templates-post-template-js-3a3ccb1743d01cb0ad54.js","sourcesContent":["import React from \"react\";\n\nconst Toc = props => {\n  return (\n    <div className=\"toc\">\n      <h5 className=\"toc__title\">この記事の内容</h5>\n      <div\n        className=\"toc__content\"\n        dangerouslySetInnerHTML={{\n          __html: props.data,\n        }}\n      />\n    </div>\n  );\n};\n\nexport default Toc;","import * as React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport Toc from \"../components/toc\"\n\nconst PostTemplate = ({ data, location }) => {\n  const post = data.markdownRemark\n  const siteTitle = data.site.siteMetadata?.title || `Title`\n  const title = post.frontmatter.title\n  const tags = post.frontmatter.tags\n  const { previous, next } = data\n  const tocData = post.tableOfContents\n\n  let toc = \"\"\n  if(tocData) {\n    toc = <Toc data={data.markdownRemark.tableOfContents} />\n  }\n\n  return (\n    <Layout location={location} title={siteTitle}>\n      <Seo\n        title={title}\n        description={post.frontmatter.description || post.excerpt}\n      />\n        {tags.map(tag =>\n          <h1>\n            {tag}\n          </h1>\n        )}\n        <p>\n        {post.frontmatter.date}\n        </p>\n        <h2 itemProp=\"headline\">{title}</h2>\n        <div\n          style={{\n            marginBottom: 50,\n          }}\n        >\n        </div>\n        <section\n          dangerouslySetInnerHTML={{ __html: post.html }}\n          itemProp=\"articleBody\"\n        />\n        <hr />\n      <nav className=\"blog-post-nav\">\n      </nav>\n    </Layout>\n  )\n}\n\nexport default PostTemplate\n\nexport const pageQuery = graphql`\n  query BlogPostBySlug(\n    $id: String!\n    $previousPostId: String\n    $nextPostId: String\n  ) {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    markdownRemark(id: { eq: $id }) {\n      id\n      excerpt(pruneLength: 160)\n      html\n      tableOfContents\n      frontmatter {\n        title\n        date(formatString: \"YYYY年MM月DD日\")\n        description\n        tags\n      }\n    }\n    previous: markdownRemark(id: { eq: $previousPostId }) {\n      fields {\n        slug\n      }\n      frontmatter {\n        title\n      }\n    }\n    next: markdownRemark(id: { eq: $nextPostId }) {\n      fields {\n        slug\n      }\n      frontmatter {\n        title\n      }\n    }\n  }\n`\n"],"sourceRoot":""}