Merge pull request #585 from vuejs-jp/chore/update-prettier-config

update prettier config

Author: jiyuujin

.prettierrc.cjs

@@ -4,4 +4,5 @@ module.exports = {
   singleQuote: true,
   printWidth: 100,
   tabWidth: 2,
+  quoteProps: 'preserve',
 }

app/assets/fonts.css

@@ -3,7 +3,8 @@
 
 @font-face {
   font-family: 'din-2014';
-  src: url('https://use.typekit.net/af/c2b6e5/00000000000000007735afee/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3')
+  src:
+    url('https://use.typekit.net/af/c2b6e5/00000000000000007735afee/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3')
       format('woff2'),
     url('https://use.typekit.net/af/c2b6e5/00000000000000007735afee/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3')
       format('woff'),
@@ -17,7 +18,8 @@
 
 @font-face {
   font-family: 'din-2014';
-  src: url('https://use.typekit.net/af/1fe1ce/00000000000000007735aff6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3')
+  src:
+    url('https://use.typekit.net/af/1fe1ce/00000000000000007735aff6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3')
       format('woff2'),
     url('https://use.typekit.net/af/1fe1ce/00000000000000007735aff6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3')
       format('woff'),
@@ -31,7 +33,8 @@
 
 @font-face {
   font-family: 'din-2014';
-  src: url('https://use.typekit.net/af/dc88f0/00000000000000007735aff7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3')
+  src:
+    url('https://use.typekit.net/af/dc88f0/00000000000000007735aff7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3')
       format('woff2'),
     url('https://use.typekit.net/af/dc88f0/00000000000000007735aff7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3')
       format('woff'),

app/components/DialogArea.vue

@@ -37,7 +37,7 @@ css({
     '.root': {
       padding: 'calc({space.8} * 4) calc({space.8} * 3)',
       width: '90%',
-    }
-  }
+    },
+  },
 })
 </style>

app/components/DragDropArea.vue

@@ -75,8 +75,8 @@ css({
     color: '{color.vue.blue}',
     '&.-isDragEnter': {
       border: 'dotted calc({space.8} * 0.5) {color.vue.blue}',
-      color: '{color.vue.blue}'
-    }
+      color: '{color.vue.blue}',
+    },
   },
   '.uploadarea input': {
     display: 'none',

app/components/FormPageSection.vue

@@ -103,7 +103,7 @@ css({
     maxWidth: '768px',
     margin: '0 auto',
     width: '100%',
-    'grid-template-columns': 'minmax(0, 1fr)'
+    'grid-template-columns': 'minmax(0, 1fr)',
   },
   '.subtitle': {
     display: 'grid',
@@ -125,7 +125,7 @@ css({
     },
   },
   '.form-button': {
-    textAlign: 'center'
+    textAlign: 'center',
   },
   '.form': {
     'form': {
@@ -140,8 +140,8 @@ css({
     '.subtitle': {
       '::v-deep(p)': {
         fontSize: '16px',
-      }
-    }
-  }
+      },
+    },
+  },
 })
 </style>

app/components/MessagePageSection.vue

@@ -78,6 +78,6 @@ css({
       marginTop: '0px',
       fontSize: '16px',
     },
-  }
+  },
 })
 </style>

app/components/NavPageSection.vue

@@ -124,7 +124,7 @@ css({
       },
     },
   },
-  '.hamburger-menu':{
+  '.hamburger-menu': {
     display: 'none',
   },
   '.sr-only': {
@@ -136,12 +136,12 @@ css({
     overflow: 'hidden',
   },
   '@tablet': {
-     '.nav-root': {
+    '.nav-root': {
       padding: '16px 24px',
     },
   },
   '@mobile': {
-    '.twitter':{
+    '.twitter': {
       display: 'block',
     },
     '.links': {
@@ -152,9 +152,9 @@ css({
         padding: 0,
       },
     },
-    '.hamburger-menu':{
+    '.hamburger-menu': {
       display: 'block',
     },
-  }
+  },
 })
 </style>

app/components/SpeakerPageSection.vue

@@ -85,7 +85,7 @@ css({
     gap: '2em',
     '& > div': {
       width: 'calc((100% - 64px) / 3)',
-    }
+    },
   },
   '@tablet': {
     'section': {
@@ -97,7 +97,7 @@ css({
       gap: 'calc({space.8} * 2)',
       '& > div': {
         width: 'calc(50% - calc({space.8} * 1))',
-      }
+      },
     },
     'section': {
       paddingTop: 'calc({space.8} * 10)',

app/components/SponsorPageSection.vue

@@ -74,7 +74,7 @@ import { closedSponsor } from '~/utils/status.constants'
 css({
   'section': {
     padding: '120px 40px',
-    background: '#EEEEEE'
+    background: '#EEEEEE',
   },
   '.sponsors-root': {
     display: 'grid',
@@ -91,7 +91,7 @@ css({
       color: '{color.vue.blue}',
       fontWeight: 500,
       fontSize: '18px',
-      lineHeight: '180%'
+      lineHeight: '180%',
     },
   },
   '.deadline, .deadline-extend': {
@@ -113,7 +113,7 @@ css({
     flexWrap: 'wrap',
     padding: '0 16px',
     justifyContent: 'center',
-    gap: '40px'
+    gap: '40px',
   },
   '.twitter-text': {
     fontSize: '18px',
@@ -132,8 +132,8 @@ css({
     },
     '.deadline, .deadline-extend': {
       fontSize: '18px',
-      wordBreak: 'break-all'
-    }
-  }
+      wordBreak: 'break-all',
+    },
+  },
 })
 </style>

app/components/TeamPageSection.vue

@@ -90,7 +90,7 @@ css({
     '.subtitle': {
       '::v-deep(p)': {
         fontSize: '16px',
-      }
+      },
     },
     '.teams': {
       gap: '4vw',