run prettier on all files (statelyai#4962)

* add pnpm-lock.yaml to .prettierignore

* run prettier on all files

* revert docs/ formatting

* add docs to .prettierignore

* Update templates/vue-ts/src/Feedback.vue

---------

Co-authored-by: David Khourshid <[email protected]>

Author: with-heart

.github/FUNDING.yml

@@ -2,7 +2,7 @@
 
 github: davidkpiano
 patreon: # Replace with a single Patreon username
-open_collective: xstate 
+open_collective: xstate
 ko_fi: # Replace with a single Ko-fi username
 tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
 community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,6 +1,6 @@
 name: Bug Report
 description: File a bug report
-title: "Bug: "
+title: 'Bug: '
 labels: [bug, triage]
 body:
   - type: markdown

.github/workflows/nodejs.yml

@@ -10,7 +10,7 @@ on:
       - '**'
 
 permissions:
-  contents: read  #  to fetch code (actions/checkout)
+  contents: read #  to fetch code (actions/checkout)
 
 jobs:
   build:

.github/workflows/release.yml

@@ -12,9 +12,9 @@ permissions: {}
 jobs:
   release:
     permissions:
-      contents: write  #  to create release (changesets/action)
+      contents: write #  to create release (changesets/action)
       issues: write # to post issue comments (changesets/action)
-      pull-requests: write  #  to create pull request (changesets/action)
+      pull-requests: write #  to create pull request (changesets/action)
 
     if: github.repository == 'statelyai/xstate'
 

.prettierignore

@@ -0,0 +1,2 @@
+pnpm-lock.yaml
+/docs

examples/7guis-1-counter-vue/README.md

@@ -10,9 +10,11 @@ This is a counter built with:
 It's the 1st task of the [7 GUIs](https://eugenkiss.github.io/7guis).
 
 ## Demo Video
+
 [7GUIs -- cute -- 1.webm](https://github.com/tsxoxo/xstate/assets/59713582/64b224b3-3a72-497f-9933-6a0c1dc6c01d)
 
 ## Live
+
 [Open in CodeSandbox](https://codesandbox.io/p/sandbox/github/statelyai/xstate/tree/main/examples/7guis-1-counter-vue)
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/statelyai/xstate/tree/main/examples/7guis-1-counter-vue)

examples/7guis-1-counter-vue/src/App.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import Counter from './Counter.vue'
+import Counter from './Counter.vue';
 </script>
 
 <template>
   <Counter />
-</template>
+</template>

examples/7guis-1-counter-vue/src/Counter.vue

@@ -1,15 +1,13 @@
 <script setup lang="ts">
-import { useMachine } from '@xstate/vue'
+import { useMachine } from '@xstate/vue';
 import { counterMachine } from './counterMachine';
 
-const { snapshot, send } = useMachine(counterMachine)
+const { snapshot, send } = useMachine(counterMachine);
 </script>
 
 <template>
-    <main class="case center-children">
-      <span>{{ snapshot.context.count }}</span>
-      <button @click="send({ type: 'increase' })">
-        +
-      </button>
-    </main>
-</template>
+  <main class="case center-children">
+    <span>{{ snapshot.context.count }}</span>
+    <button @click="send({ type: 'increase' })">+</button>
+  </main>
+</template>

examples/7guis-1-counter-vue/src/components/HelloWorld.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref } from 'vue';
 
-defineProps<{ msg: string }>()
+defineProps<{ msg: string }>();
 
-const count = ref(0)
+const count = ref(0);
 </script>
 
 <template>

examples/7guis-1-counter-vue/src/counterMachine.ts

@@ -1,28 +1,26 @@
-import { setup, assign } from "xstate";
+import { setup, assign } from 'xstate';
 
 export const counterMachine = setup({
   types: {
     context: {} as { count: number },
-    events: {} as { type: "increase" },
+    events: {} as { type: 'increase' }
+  }
+}).createMachine({
+  context: {
+    count: 0
   },
-}).createMachine(
-  {
-    context: {
-      count: 0,
-    },
-    id: "Counter",
-    initial: "ready",
-    states: {
-      ready: {
-        on: {
-          increase: {
-            target: "ready",
-            actions: assign({
-              count: ({ context }) => context.count+1,
-            }),
-          },
-        },
-      },
-    },
-  },
-);
+  id: 'Counter',
+  initial: 'ready',
+  states: {
+    ready: {
+      on: {
+        increase: {
+          target: 'ready',
+          actions: assign({
+            count: ({ context }) => context.count + 1
+          })
+        }
+      }
+    }
+  }
+});

examples/7guis-1-counter-vue/src/main.ts

@@ -1,5 +1,5 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
+import { createApp } from 'vue';
+import './style.css';
+import App from './App.vue';
 
-createApp(App).mount('#app')
+createApp(App).mount('#app');

examples/7guis-1-counter-vue/vite.config.ts

@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
-})
+  plugins: [vue()]
+});

examples/7guis-2-temperature-vue/README.md

@@ -10,11 +10,11 @@ This is a temperature converter built with:
 It's the 2nd task of the [7 GUIs](https://eugenkiss.github.io/7guis).
 
 ## Demo Video
+
 [7GUIs -- cute -- 2.webm](https://github.com/tsxoxo/xstate/assets/59713582/313e6b07-97d7-4c6c-99cb-ee376fa03267)
 
 ## Live
+
 [Open in CodeSandbox](https://codesandbox.io/p/sandbox/github/statelyai/xstate/tree/main/examples/7guis-2-temperature-vue)
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/statelyai/xstate/tree/main/examples/7guis-2-temperature-vue)
-
-

examples/7guis-2-temperature-vue/src/App.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import TempConverter from './TempConverter.vue'
+import TempConverter from './TempConverter.vue';
 </script>
 
 <template>
   <TempConverter />
-</template>
+</template>

examples/7guis-2-temperature-vue/src/TempConverter.vue

@@ -8,16 +8,36 @@ const { snapshot, send } = useMachine(tempMachine);
 <template>
   <div class="case">
     <div>
-      <input placeholder="..."
-        @input="(event) => send({ type: 'changeC', value: (event!.target as HTMLInputElement)!.value })"
-        :value="snapshot.context.celsius" type="text" id="celsius" />
+      <input
+        placeholder="..."
+        @input="
+          (event) =>
+            send({
+              type: 'changeC',
+              value: (event!.target as HTMLInputElement)!.value
+            })
+        "
+        :value="snapshot.context.celsius"
+        type="text"
+        id="celsius"
+      />
       <label for="celsius">°C</label>
     </div>
     <div>
-      <input placeholder="..."
-        @input="(event) => send({ type: 'changeF', value: (event!.target as HTMLInputElement)!.value })" type="text"
-        :value="snapshot.context.fahrenheit" id="fahrenheit" />
+      <input
+        placeholder="..."
+        @input="
+          (event) =>
+            send({
+              type: 'changeF',
+              value: (event!.target as HTMLInputElement)!.value
+            })
+        "
+        type="text"
+        :value="snapshot.context.fahrenheit"
+        id="fahrenheit"
+      />
       <label for="fahrenheit">°F</label>
     </div>
   </div>
-</template>
+</template>

examples/7guis-counter-react/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/7guis-flight-booker-react/.eslintrc.cjs

@@ -4,15 +4,15 @@ module.exports = {
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
-    'plugin:react-hooks/recommended',
+    'plugin:react-hooks/recommended'
   ],
   ignorePatterns: ['dist', '.eslintrc.cjs'],
   parser: '@typescript-eslint/parser',
   plugins: ['react-refresh'],
   rules: {
     'react-refresh/only-export-components': [
       'warn',
-      { allowConstantExport: true },
-    ],
-  },
-}
+      { allowConstantExport: true }
+    ]
+  }
+};

examples/7guis-flight-booker-react/src/components/TripSelector.tsx

@@ -1,4 +1,4 @@
-import FlightContext from "../machines/flightMachine";
+import FlightContext from '../machines/flightMachine';
 
 export default function TripSelector({
   isBooking,
@@ -15,7 +15,7 @@ export default function TripSelector({
         disabled={isBooked || isBooking}
         value={tripType}
         onChange={() => {
-          send({ type: "CHANGE_TRIP_TYPE" });
+          send({ type: 'CHANGE_TRIP_TYPE' });
         }}
         {...props}
       >

examples/7guis-flight-booker-react/vite.config.ts

@@ -1,8 +1,8 @@
-import { defineConfig } from "vite";
-import tsconfigPaths from "vite-tsconfig-paths";
-import react from "@vitejs/plugin-react";
+import { defineConfig } from 'vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(), tsconfigPaths()],
+  plugins: [react(), tsconfigPaths()]
 });

examples/7guis-temperature-react/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/counter/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/friends-list-react/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/snake-react/.eslintrc.cjs

@@ -4,15 +4,15 @@ module.exports = {
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
-    'plugin:react-hooks/recommended',
+    'plugin:react-hooks/recommended'
   ],
   ignorePatterns: ['dist', '.eslintrc.cjs'],
   parser: '@typescript-eslint/parser',
   plugins: ['react-refresh'],
   rules: {
     'react-refresh/only-export-components': [
       'warn',
-      { allowConstantExport: true },
-    ],
-  },
-}
+      { allowConstantExport: true }
+    ]
+  }
+};

examples/snake-react/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/stopwatch/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/tic-tac-toe-react/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -9,4 +9,4 @@
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
-</html>
+</html>

examples/tiles/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/timer/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

examples/todomvc-react/index.html

@@ -1,12 +1,12 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Vite App</title>
-</head>
-<body>
-  <div id="root"></div>
-  <script type="module" src="/src/main.tsx"></script>
-</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
 </html>