style: reformat

Author: rocwang

.idea/prettier.xml

@@ -4,7 +4,7 @@ export default {
   methods: {
     bem(element, modifier, outputElement = false) {
       const blockClass = kebabCase(
-        this.$options.className || this.$options.name
+        this.$options.className || this.$options.name,
       );
       const elementClass = `${blockClass}__${element}`;
       const elementModifierClass = `${elementClass}--${modifier}`;

src/demo/Bem.js

@@ -37,7 +37,7 @@ export default {
       number,
       precision = 2,
       thousands = ",",
-      decimal = "."
+      decimal = ".",
     ) {
       if (isNaN(number) || number == null) {
         return 0;
@@ -48,7 +48,7 @@ export default {
       const parts = number.split(".");
       const dollarsAmount = parts[0].replace(
         /(\d)(?=(\d\d\d)+(?!\d))/g,
-        "$1" + thousands
+        "$1" + thousands,
       );
       const centsAmount = parts[1] ? decimal + parts[1] : "";
 

src/demo/Money.vue

@@ -143,7 +143,7 @@ export default {
               flatSrcSet
                 ? `${flatSrcSet}, ${src} ${imgWidth}w`
                 : `${src} ${imgWidth}w`,
-            ""
+            "",
           )
         : "";
     },
@@ -171,7 +171,7 @@ export default {
         },
         {
           // options
-        }
+        },
       );
 
       io.observe(this.$el);
@@ -208,7 +208,7 @@ export default {
     },
     resizeImage(masterSrc, size, pngToJpg = true) {
       const matches = masterSrc.match(
-        /(^.*)\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?.*)?$/i
+        /(^.*)\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?.*)?$/i,
       );
 
       if (matches) {

src/demo/SmartImage.vue

@@ -20,11 +20,11 @@ export const generalPageProvider = curry(
   (
     collection: Collection,
     pageNumber: number,
-    pageSize: number
+    pageSize: number,
   ): Promise<unknown[]> =>
     algoliasearch(
       <string>import.meta.env.VITE_APP_ID,
-      <string>import.meta.env.VITE_SEARCH_ONLY_API_KEY
+      <string>import.meta.env.VITE_SEARCH_ONLY_API_KEY,
     )
       .initIndex("shopify_products")
       .search("", {
@@ -34,9 +34,9 @@ export const generalPageProvider = curry(
         facetFilters:
           collection === "" ? undefined : [`collections:${collection}`],
       })
-      .then(prop("hits"))
+      .then(prop("hits")),
 );
 
 export const pageProvider = computed(() =>
-  generalPageProvider(collection.value)
+  generalPageProvider(collection.value),
 );

src/demo/store.ts

@@ -52,7 +52,7 @@ function createGridRoot(
   columnGap: string = "20px",
   gridAutoFlow: string = "row",
   gridTemplateColumns: string = "30px 30px 30px",
-  gridTemplateRows: string = "30px 30px 30px"
+  gridTemplateRows: string = "30px 30px 30px",
 ): HTMLElement {
   const el = document.createElement("div");
   Object.assign(el.style, {
@@ -140,7 +140,7 @@ describe("getBufferMeta", () => {
     const space = { width: 0, height: 0 };
     const meta = getBufferMeta(1000, 1000)(
       space,
-      createMockResizeMeasurement("row")
+      createMockResizeMeasurement("row"),
     );
 
     expect(meta).toEqual({ bufferedOffset: 0, bufferedLength: 132 });
@@ -150,7 +150,7 @@ describe("getBufferMeta", () => {
     const space = { width: 0, height: 0 };
     const meta = getBufferMeta(1000, 1000)(
       space,
-      createMockResizeMeasurement("column")
+      createMockResizeMeasurement("column"),
     );
 
     expect(meta).toEqual({ bufferedOffset: 0, bufferedLength: 88 });
@@ -160,7 +160,7 @@ describe("getBufferMeta", () => {
     const space = { width: 5000, height: 5000 };
     const meta = getBufferMeta(1000, 1000)(
       space,
-      createMockResizeMeasurement("row")
+      createMockResizeMeasurement("row"),
     );
 
     expect(meta).toEqual({ bufferedOffset: 267, bufferedLength: 132 });
@@ -170,7 +170,7 @@ describe("getBufferMeta", () => {
     const space = { width: 5000, height: 5000 };
     const meta = getBufferMeta(1000, 1000)(
       space,
-      createMockResizeMeasurement("column")
+      createMockResizeMeasurement("column"),
     );
 
     expect(meta).toEqual({ bufferedOffset: 178, bufferedLength: 88 });
@@ -189,7 +189,7 @@ describe("getObservableOfVisiblePageNumbers", () => {
       const pageNumber$ = getObservableOfVisiblePageNumbers(
         { bufferedOffset: 0, bufferedLength: 10 },
         100,
-        20
+        20,
       );
       expectObservable(pageNumber$).toBe(expectedMarble, expectedPageNumbers);
     });
@@ -202,7 +202,7 @@ describe("getObservableOfVisiblePageNumbers", () => {
       const pageNumber$ = getObservableOfVisiblePageNumbers(
         { bufferedOffset: 50, bufferedLength: 80 },
         200,
-        20
+        20,
       );
       expectObservable(pageNumber$).toBe(expectedMarble, expectedPageNumbers);
     });
@@ -215,7 +215,7 @@ describe("getObservableOfVisiblePageNumbers", () => {
       const pageNumber$ = getObservableOfVisiblePageNumbers(
         { bufferedOffset: 50, bufferedLength: 80 },
         100,
-        20
+        20,
       );
       expectObservable(pageNumber$).toBe(expectedMarble, expectedPageNumbers);
     });
@@ -236,7 +236,7 @@ describe("accumulateAllItems", () => {
   it("can extend allItems", () => {
     const allItems = accumulateAllItems(
       [0, 1, 2, 3, 4, 5],
-      [{ pageNumber: 1, items: ["a", "b", "c"] }, 10, 3]
+      [{ pageNumber: 1, items: ["a", "b", "c"] }, 10, 3],
     );
 
     expect(allItems).toEqual([
@@ -256,7 +256,7 @@ describe("accumulateAllItems", () => {
   it("can shrink allItems", () => {
     const allItems = accumulateAllItems(
       [0, 1, 2, 3, 4, 5, 6],
-      [{ pageNumber: 0, items: ["a", "b", "c"] }, 5, 3]
+      [{ pageNumber: 0, items: ["a", "b", "c"] }, 5, 3],
     );
 
     expect(allItems).toEqual(["a", "b", "c", 3, 4]);
@@ -265,7 +265,7 @@ describe("accumulateAllItems", () => {
   it("behave properly when pageProvider returns fewer items than pageSize", () => {
     const allItems = accumulateAllItems(
       [0, 1, 2, 3, 4, 5],
-      [{ pageNumber: 0, items: ["a", "b"] }, 6, 3]
+      [{ pageNumber: 0, items: ["a", "b"] }, 6, 3],
     );
 
     expect(allItems).toEqual(["a", "b", undefined, 3, 4, 5]);
@@ -274,7 +274,7 @@ describe("accumulateAllItems", () => {
   it("behave properly when pageProvider returns more items than pageSize", () => {
     const allItems = accumulateAllItems(
       [0, 1, 2, 3, 4, 5],
-      [{ pageNumber: 0, items: ["a", "b", "c", "d"] }, 6, 3]
+      [{ pageNumber: 0, items: ["a", "b", "c", "d"] }, 6, 3],
     );
 
     expect(allItems).toEqual(["a", "b", "c", 3, 4, 5]);
@@ -294,7 +294,7 @@ describe("getVisibleItems", () => {
         itemHeightWithGap: 50,
         itemWidthWithGap: 60,
       },
-      ["a", "b", "c", "d", "e", "f", "g"]
+      ["a", "b", "c", "d", "e", "f", "g"],
     );
 
     expect(visibleItems).toEqual([