component---src-templates-project-post-tsx-ff9c2b3725bc97ff4bfd.js.map

{"version":3,"sources":["webpack:///./src/templates/project-post.tsx"],"names":["ProjectPostPage","props","data","post","markdownRemark","title","frontmatter","keywords","site","siteMetadata","className","to","id","fields","dangerouslySetInnerHTML","__html","html","query"],"mappings":"4FAAA,wGAwBeA,UAlB8B,SAACC,GAAU,IAC9CC,EAASD,EAATC,KACFC,EAAOD,EAAKE,eAElB,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEC,MAAK,UAAKF,EAAKG,YAAYD,MAAtB,UACLE,SAAUL,EAAKM,KAAKC,aAAaF,WAEnC,yBAAKG,UAAU,2BACb,uBAAGA,UAAU,kBAAiB,kBAAC,OAAD,CAAMC,GAAG,YAAT,aAC9B,6BAASD,UAAU,UAAUE,GAAE,mBAAcT,EAAKU,OAAOD,IAAME,wBAAyB,CAAEC,OAAQZ,EAAKa,WAQxG,IAAMC,EAAQ,c","file":"component---src-templates-project-post-tsx-ff9c2b3725bc97ff4bfd.js","sourcesContent":["import React, { FC } from 'react'\nimport { Link, graphql } from 'gatsby'\nimport { Layout, SEO } from '../components'\nimport './project-post.scss'\nimport { GatsbyDataProps, ProjectNode } from '../utils/interface'\n\nconst ProjectPostPage: FC<GatsbyDataProps> = (props) => {\n  const { data } = props\n  const post = data.markdownRemark as ProjectNode\n\n  return (\n    <Layout>\n      <SEO\n        title={`${post.frontmatter.title} | 代表作`}\n        keywords={data.site.siteMetadata.keywords}\n      />\n      <div className='mf-content project-post'>\n        <p className='back-to-parent'><Link to='/project'>&laquo; 回到项目列表</Link></p>\n        <article className='content' id={`project__${post.fields.id}`} dangerouslySetInnerHTML={{ __html: post.html }} />\n      </div>\n    </Layout>\n  )\n}\n\nexport default ProjectPostPage\n\nexport const query = graphql`\nquery($slug: String!) {\n  site {\n    siteMetadata {\n      title,\n      keywords\n    }\n  }\n  markdownRemark(fields: { slug: { eq: $slug } }) {\n    html\n    frontmatter {\n      title\n    }\n    fields {\n      id\n    }\n  }\n}`\n"],"sourceRoot":""}