chore: update dependency prettier to v1.18.2 (#16933)

* chore: update dependency prettier to v1.18.2

* format with new prettier

Author: renovate[bot]

docs/docs/creating-a-transformer-plugin.md

@@ -276,9 +276,7 @@ Cache keys should at least contain the contentDigest of the concerned node. For
 
 ```javascript:title=extend-node-type.js
 const htmlCacheKey = node =>
-  `transformer-remark-markdown-html-${
-    node.internal.contentDigest
-  }-${pluginsCacheStr}-${pathPrefixCacheStr}`
+  `transformer-remark-markdown-html-${node.internal.contentDigest}-${pluginsCacheStr}-${pathPrefixCacheStr}`
 ```
 
 Accessing and setting content in the cache is as simple as:

docs/docs/images/disqus-logo.svg

@@ -140,9 +140,7 @@ class Index extends React.Component {
           <li style={styles.column25}>
             <img
               src={cropBottomLeft.src}
-              alt={`File ${
-                cropBottomLeft.originalName
-              } cropped to the bottom left`}
+              alt={`File ${cropBottomLeft.originalName} cropped to the bottom left`}
             />
             <p>
               <small>

examples/image-processing/src/pages/index.js

@@ -95,9 +95,7 @@ const ImageGallery = edges => (
         <GridItem key={index}>
           <GridItemImage
             fluid={image.node.localFile.childImageSharp.fluid}
-            title={`“${image.node.title}” by ${
-              image.node.credit
-            } (via unsplash.com)`}
+            title={`“${image.node.title}” by ${image.node.credit} (via unsplash.com)`}
           />
           <Badge>
             SVG

examples/using-gatsby-image/src/components/image-gallery.js

@@ -9,18 +9,14 @@ const BackgroundColor = ({ data, location }) => (
   <Layout
     location={location}
     image={data.coverImage.localFile.childImageSharp.fluid}
-    imageTitle={`“${data.coverImage.title}” by ${
-      data.coverImage.credit
-    } (via unsplash.com)`}
+    imageTitle={`“${data.coverImage.title}” by ${data.coverImage.credit} (via unsplash.com)`}
     imageBackgroundColor="#F0C450"
   >
     <PageTitle>Background Color</PageTitle>
     <FloatingImage
       imageMobile={data.floatingImageMobile.localFile.childImageSharp.fixed}
       imageDesktop={data.floatingImage.localFile.childImageSharp.fixed}
-      title={`“${data.floatingImage.title}” by ${
-        data.floatingImage.credit
-      } (via unsplash.com)`}
+      title={`“${data.floatingImage.title}” by ${data.floatingImage.credit} (via unsplash.com)`}
       backgroundColor="#DB3225"
     />
     <p>
@@ -39,9 +35,7 @@ const BackgroundColor = ({ data, location }) => (
     <Img
       fluid={data.fullWidthImage.localFile.childImageSharp.fluid}
       backgroundColor="#F9D6CE"
-      title={`“${data.fullWidthImage.title}” by ${
-        data.fullWidthImage.credit
-      } (via unsplash.com)`}
+      title={`“${data.fullWidthImage.title}” by ${data.fullWidthImage.credit} (via unsplash.com)`}
     />
   </Layout>
 )

examples/using-gatsby-image/src/pages/background-color.js

@@ -10,17 +10,13 @@ const BlurUp = ({ data, location }) => (
   <Layout
     location={location}
     image={data.coverImage.localFile.childImageSharp.fluid}
-    imageTitle={`“${data.coverImage.title}” by ${
-      data.coverImage.credit
-    } (via unsplash.com)`}
+    imageTitle={`“${data.coverImage.title}” by ${data.coverImage.credit} (via unsplash.com)`}
   >
     <PageTitle>Blur Up</PageTitle>
     <FloatingImage
       imageMobile={data.floatingImageMobile.localFile.childImageSharp.fixed}
       imageDesktop={data.floatingImage.localFile.childImageSharp.fixed}
-      title={`“${data.floatingImage.title}” by ${
-        data.floatingImage.credit
-      } (via unsplash.com)`}
+      title={`“${data.floatingImage.title}” by ${data.floatingImage.credit} (via unsplash.com)`}
     />
 
     <p>
@@ -46,9 +42,7 @@ const BlurUp = ({ data, location }) => (
     </p>
     <Img
       fluid={data.fullWidthImage.localFile.childImageSharp.fluid}
-      title={`“${data.fullWidthImage.title}” by ${
-        data.fullWidthImage.credit
-      } (via unsplash.com)`}
+      title={`“${data.fullWidthImage.title}” by ${data.fullWidthImage.credit} (via unsplash.com)`}
     />
   </Layout>
 )

examples/using-gatsby-image/src/pages/blur-up.js

@@ -14,9 +14,7 @@ const FeatureList = styled(`ul`)`
 
 const FeatureListItem = styled.li({
   backgroundImage: `url(
-    "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='${
-      colors.gatsby
-    }' d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z' /%3E%3C/svg%3E")`,
+    "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='${colors.gatsby}' d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z' /%3E%3C/svg%3E")`,
   backgroundPosition: `0 .25em`,
   backgroundRepeat: `no-repeat`,
   backgroundSize: `1em`,

examples/using-gatsby-image/src/pages/index.js

@@ -10,17 +10,13 @@ const PreferWebp = ({ data, location }) => (
   <Layout
     location={location}
     image={data.coverImage.localFile.childImageSharp.fluid}
-    imageTitle={`“${data.coverImage.title}” by ${
-      data.coverImage.credit
-    } (via unsplash.com)`}
+    imageTitle={`“${data.coverImage.title}” by ${data.coverImage.credit} (via unsplash.com)`}
   >
     <PageTitle>Prefer WebP</PageTitle>
     <FloatingImage
       imageMobile={data.floatingImageMobile.localFile.childImageSharp.fixed}
       imageDesktop={data.floatingImage.localFile.childImageSharp.fixed}
-      title={`“${data.floatingImage.title}” by ${
-        data.floatingImage.credit
-      } (via unsplash.com)`}
+      title={`“${data.floatingImage.title}” by ${data.floatingImage.credit} (via unsplash.com)`}
     />
     <p>
       WebP is a modern image format that provides both lossless and lossy
@@ -38,9 +34,7 @@ const PreferWebp = ({ data, location }) => (
     </p>
     <Img
       fluid={data.fullWidthImage.localFile.childImageSharp.fluid}
-      title={`“${data.fullWidthImage.title}” by ${
-        data.fullWidthImage.credit
-      } (via unsplash.com)`}
+      title={`“${data.fullWidthImage.title}” by ${data.fullWidthImage.credit} (via unsplash.com)`}
     />
     <p />
   </Layout>

examples/using-gatsby-image/src/pages/prefer-webp.js

@@ -12,17 +12,13 @@ const TracedSVG = ({ data, location }) => (
   <Layout
     location={location}
     image={data.coverImage.localFile.childImageSharp.fluid}
-    imageTitle={`“${data.coverImage.title}” by ${
-      data.coverImage.credit
-    } (via unsplash.com)`}
+    imageTitle={`“${data.coverImage.title}” by ${data.coverImage.credit} (via unsplash.com)`}
   >
     <PageTitle>Traced SVG Placeholders</PageTitle>
     <FloatingImage
       imageMobile={data.floatingImageMobile.localFile.childImageSharp.fixed}
       imageDesktop={data.floatingImage.localFile.childImageSharp.fixed}
-      title={`“${data.floatingImage.title}” by ${
-        data.floatingImage.credit
-      } (via unsplash.com)`}
+      title={`“${data.floatingImage.title}” by ${data.floatingImage.credit} (via unsplash.com)`}
     />
     <p>
       Generates a{` `}
@@ -44,9 +40,7 @@ const TracedSVG = ({ data, location }) => (
     <ImageGallery images={data.galleryImagesCropped.edges} />
     <Img
       fluid={data.fullWidthImage.localFile.childImageSharp.fluid}
-      title={`“${data.fullWidthImage.title}” by ${
-        data.fullWidthImage.credit
-      } (via unsplash.com)`}
+      title={`“${data.fullWidthImage.title}” by ${data.fullWidthImage.credit} (via unsplash.com)`}
     />
   </Layout>
 )

examples/using-gatsby-image/src/pages/traced-svg.js

@@ -44,9 +44,7 @@ const _options = {
         marginTop: rhythm(2),
       },
       a: {
-        backgroundImage: `linear-gradient(to top, ${colors.ui.bright}, ${
-          colors.ui.bright
-        } 1px, rgba(0, 0, 0, 0) 2px)`,
+        backgroundImage: `linear-gradient(to top, ${colors.ui.bright}, ${colors.ui.bright} 1px, rgba(0, 0, 0, 0) 2px)`,
         color: colors.gatsby,
         fontWeight: `bold`,
         textDecoration: `none`,