feat: codegen changes from gatsby 4

Author: emmanuelgautier

gatsby-config.js

@@ -141,26 +141,26 @@ module.exports = {
                 })
               })
             },
-            query: `
-              {
-                allMarkdownRemark(
-                  sort: { order: DESC, fields: [frontmatter___date] }
-                  filter: { frontmatter: { templateKey: { eq: "blog-post" } } }
-                ) {
-                      edges {
-                      node {
-                      html
-                      fields { slug }
-                      frontmatter {
-                      title
-                        description
-                        date
-                      }
-                    }
-                  }
-                }
-              }
-            `,
+            query: `{
+  allMarkdownRemark(
+    sort: {frontmatter: {date: DESC}}
+    filter: {frontmatter: {templateKey: {eq: "blog-post"}}}
+  ) {
+    edges {
+      node {
+        html
+        fields {
+          slug
+        }
+        frontmatter {
+          title
+          description
+          date
+        }
+      }
+    }
+  }
+}`,
             output: '/rss.xml',
             title: 'Blog RSS Feed',
           },

src/pages/blog/index.js

@@ -46,42 +46,40 @@ const BlogIndexPage = ({
 
 export default BlogIndexPage
 
-export const pageQuery = graphql`
-  query BlogIndexPage {
-    postsAllMarkdownRemark: allMarkdownRemark(
-      sort: { fields: [frontmatter___date], order: DESC }
-      skip: 0
-      limit: 10
-      filter: { frontmatter: { templateKey: { eq: "blog-post" } } }
-    ) {
-      edges {
-        node {
-          frontmatter {
-            title
-            description
-            featuredimage {
-              childImageSharp {
-                gatsbyImageData(
-                  height: 350
-                  placeholder: BLURRED
-                  formats: [AUTO, WEBP, AVIF]
-                  layout: CONSTRAINED
-                )
-              }
+export const pageQuery = graphql`query BlogIndexPage {
+  postsAllMarkdownRemark: allMarkdownRemark(
+    sort: {frontmatter: {date: DESC}}
+    skip: 0
+    limit: 10
+    filter: {frontmatter: {templateKey: {eq: "blog-post"}}}
+  ) {
+    edges {
+      node {
+        frontmatter {
+          title
+          description
+          featuredimage {
+            childImageSharp {
+              gatsbyImageData(
+                height: 350
+                placeholder: BLURRED
+                formats: [AUTO, WEBP, AVIF]
+                layout: CONSTRAINED
+              )
             }
           }
-          fields {
-            slug
-          }
+        }
+        fields {
+          slug
         }
       }
     }
-    site {
-      siteMetadata {
-        siteUrl
-        title
-        description
-      }
+  }
+  site {
+    siteMetadata {
+      siteUrl
+      title
+      description
     }
   }
-`
+}`

src/templates/index-page.js

@@ -59,36 +59,34 @@ IndexPage.propTypes = {
 
 export default IndexPage
 
-export const pageQuery = graphql`
-  query IndexPageTemplate {
-    postsAllMarkdownRemark: allMarkdownRemark(
-      sort: { fields: [frontmatter___date], order: DESC }
-      skip: 0
-      limit: 5
-      filter: { frontmatter: { templateKey: { eq: "blog-post" } } }
-    ) {
-      edges {
-        node {
-          frontmatter {
-            title
-            description
-            featuredimage {
-              childImageSharp {
-                gatsbyImageData(
-                  height: 120
-                  width: 350
-                  placeholder: BLURRED
-                  formats: [AUTO, WEBP, AVIF]
-                  layout: CONSTRAINED
-                )
-              }
+export const pageQuery = graphql`query IndexPageTemplate {
+  postsAllMarkdownRemark: allMarkdownRemark(
+    sort: {frontmatter: {date: DESC}}
+    skip: 0
+    limit: 5
+    filter: {frontmatter: {templateKey: {eq: "blog-post"}}}
+  ) {
+    edges {
+      node {
+        frontmatter {
+          title
+          description
+          featuredimage {
+            childImageSharp {
+              gatsbyImageData(
+                height: 120
+                width: 350
+                placeholder: BLURRED
+                formats: [AUTO, WEBP, AVIF]
+                layout: CONSTRAINED
+              )
             }
           }
-          fields {
-            slug
-          }
+        }
+        fields {
+          slug
         }
       }
     }
   }
-`
+}`