chore(deps): update dependency eslint to v9

package.json

@@ -47,10 +47,10 @@
     "test": "pnpm -r run test"
   },
   "devDependencies": {
-    "@dg-scripts/eslint-config": "^5.21.3",
-    "@dg-scripts/stylelint-config": "^5.21.3",
+    "@dg-scripts/eslint-config": "^5.21.4",
+    "@dg-scripts/stylelint-config": "^5.21.4",
     "@types/node": "^22.9.1",
-    "eslint": "^8.57.1",
+    "eslint": "^9.15.0",
     "lerna": "^8.1.9",
     "prettier": "^3.3.3",
     "stylelint": "^16.10.0",

packages/mortal-ui/package.json

@@ -26,14 +26,14 @@
     "vue-i18n": "^10.0.4"
   },
   "devDependencies": {
-    "@dg-scripts/eslint-config": "^5.21.3",
+    "@dg-scripts/eslint-config": "^5.21.4",
     "@types/jsdom": "^21.1.7",
     "@types/node": "^22.9.1",
     "@vitejs/plugin-vue": "^5.2.0",
     "@vitest/coverage-v8": "^2.1.5",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.6.0",
-    "eslint": "^8.57.1",
+    "eslint": "^9.15.0",
     "eslint-plugin-format": "^0.1.2",
     "jsdom": "^25.0.1",
     "npm-run-all2": "^7.0.1",

packages/mortal-ui/src/components/Advice.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n'
-import TileGroup from './TileGroup.vue'
 import type { MortalReview } from '@/mortal'
 import { TileUtils } from '@/mortal'
+import { useI18n } from 'vue-i18n'
+import TileGroup from './TileGroup.vue'
 
 const props = defineProps<{
   review: MortalReview

packages/mortal-ui/src/components/GameInfo.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n'
-import { Button, Tile, TileGroup } from '@/components'
 import type { GameInfo } from '@/mortal'
+import { Button, Tile, TileGroup } from '@/components'
 import { TileUtils } from '@/mortal'
+import { useI18n } from 'vue-i18n'
 
 const props = defineProps<{
   info: GameInfo

packages/mortal-ui/src/components/Tile.vue

@@ -109,8 +109,7 @@ const tileImage = computed(
 .tile-shimo {
   margin-inline: calc((var(--tile-height) - var(--tile-width)) / 2);
   margin-top: calc(var(--tile-width) - var(--tile-height));
-  transform: rotate(-90deg)
-    translateX(calc((var(--tile-width) - var(--tile-height)) / 2));
+  transform: rotate(-90deg) translateX(calc((var(--tile-width) - var(--tile-height)) / 2));
 }
 
 .tile-toimen {
@@ -120,25 +119,21 @@ const tileImage = computed(
 .tile-kami {
   margin-inline: calc((var(--tile-height) - var(--tile-width)) / 2);
   margin-top: calc(var(--tile-width) - var(--tile-height));
-  transform: rotate(-270deg)
-    translateX(calc((var(--tile-height) - var(--tile-width)) / 2));
+  transform: rotate(-270deg) translateX(calc((var(--tile-height) - var(--tile-width)) / 2));
 }
 
 .tile-sided {
   margin-inline: calc((var(--tile-height) - var(--tile-width)) / 2);
-  transform: rotate(-90deg)
-    translateX(calc((var(--tile-width) - var(--tile-height)) / 2));
+  transform: rotate(-90deg) translateX(calc((var(--tile-width) - var(--tile-height)) / 2));
 }
 
 .tile-shimo.tile-sided {
   margin-top: 0;
-  transform: rotate(-180deg)
-    translateX(calc((var(--tile-width) - var(--tile-height)) / 2));
+  transform: rotate(-180deg) translateX(calc((var(--tile-width) - var(--tile-height)) / 2));
 }
 
 .tile-toimen.tile-sided {
-  transform: rotate(-270deg)
-    translateX(calc((var(--tile-width) - var(--tile-height)) / 2));
+  transform: rotate(-270deg) translateX(calc((var(--tile-width) - var(--tile-height)) / 2));
 }
 
 .tile-kami.tile-sided {

packages/mortal-ui/src/components/index.ts

@@ -1,18 +1,18 @@
 import Advice from './Advice.vue'
 import Button from './Button.vue'
+import Claim from './Claim.vue'
 import GameInfo from './GameInfo.vue'
 import LoadingSquare from './LoadingSquare.vue'
 import Score from './Score.vue'
 import Tile from './Tile.vue'
 import TileGroup from './TileGroup.vue'
-import Claim from './Claim.vue'
 
 export {
   Advice,
   Button,
+  Claim,
   GameInfo,
   LoadingSquare,
-  Claim,
   Score,
   Tile,
   TileGroup,

packages/mortal-ui/src/features/Controls.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { useI18n } from 'vue-i18n'
 import { Button } from '@/components'
 import { useMortalStore } from '@/stores'
+import { ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 const props = defineProps<{
   rounds: number

packages/mortal-ui/src/features/Game.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { Claim, GameInfo, Score, Tile, TileGroup } from '@/components'
 import type { UIState } from '@/mortal'
+import { Claim, GameInfo, Score, Tile, TileGroup } from '@/components'
 
 const props = defineProps<{
   state: UIState
@@ -57,18 +57,10 @@ const props = defineProps<{
   display: grid;
   grid-template:
     'hand-p3 hand-p2    hand-p2    hand-p2    hand-p2' 1fr
-    'hand-p3 .          discard-p2 .          hand-p1' calc(
-      var(--tile-height) * 3
-    )
-    'hand-p3 discard-p3 info       discard-p1 hand-p1' calc(
-      var(--tile-width) * 6
-    )
-    'hand-p3 .          discard-p0 .          hand-p1' calc(
-      var(--tile-height) * 3
-    )
-    'hand-p0 hand-p0    hand-p0    hand-p0    hand-p1' 1fr / 1fr calc(
-      var(--tile-height) * 3
-    )
+    'hand-p3 .          discard-p2 .          hand-p1' calc(var(--tile-height) * 3)
+    'hand-p3 discard-p3 info       discard-p1 hand-p1' calc(var(--tile-width) * 6)
+    'hand-p3 .          discard-p0 .          hand-p1' calc(var(--tile-height) * 3)
+    'hand-p0 hand-p0    hand-p0    hand-p0    hand-p1' 1fr / 1fr calc(var(--tile-height) * 3)
     calc(var(--tile-width) * 6) calc(var(--tile-height) * 3) 1fr;
   width: 100%;
   height: 100%;

packages/mortal-ui/src/features/Reviewer.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
+import { Advice } from '@/components'
+import { createMachine } from '@/mortal'
+import { useMortalStore } from '@/stores'
 import { useHead } from '@unhead/vue'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 import Controls from './Controls.vue'
 import Game from './Game.vue'
-import { useMortalStore } from '@/stores'
-import { createMachine } from '@/mortal'
-import { Advice } from '@/components'
 
 const { t } = useI18n()
 

packages/mortal-ui/src/main.ts

@@ -1,7 +1,7 @@
-import { createApp } from 'vue'
+import { createHead } from '@unhead/vue'
 import { createPinia } from 'pinia'
+import { createApp } from 'vue'
 import { createI18n } from 'vue-i18n'
-import { createHead } from '@unhead/vue'
 import App from './App.vue'
 import locales from './locales'
 import './assets/main.css'

packages/mortal-ui/src/mortal/machine.test.ts

@@ -1,7 +1,7 @@
+import type { Log } from './data'
 import { describe, it } from 'vitest'
 import log from '../../e2e/report.json'
 import { createMachine } from './machine'
-import type { Log } from './data'
 
 describe('machine', () => {
   describe('run', () => {

packages/mortal-ui/src/mortal/machine.ts

@@ -202,6 +202,8 @@
         case 'end_game':
           this.rounds = this.round + 1
           break
+        case 'none':
+          break
         default:
           break
       }

packages/mortal-ui/src/stores/index.ts

@@ -1,5 +1,5 @@
-import { ref } from 'vue'
 import { defineStore } from 'pinia'
+import { ref } from 'vue'
 
 export const useMortalStore = defineStore('mortal', () => {
   const round = ref(0)

packages/react-renderer/package.json

@@ -22,7 +22,7 @@
     "react-reconciler": "^0.29.2"
   },
   "devDependencies": {
-    "@sabertazimi/react-scripts": "^5.21.3",
+    "@sabertazimi/react-scripts": "^5.21.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",

packages/vue-basis/package.json

@@ -19,12 +19,12 @@
     "vuex": "^4.1.0"
   },
   "devDependencies": {
-    "@dg-scripts/eslint-config": "^5.21.3",
-    "@dg-scripts/stylelint-config": "^5.21.3",
+    "@dg-scripts/eslint-config": "^5.21.4",
+    "@dg-scripts/stylelint-config": "^5.21.4",
     "@types/node": "^22.9.1",
     "@vitejs/plugin-vue": "^5.2.0",
     "autoprefixer": "^10.4.20",
-    "eslint": "^8.57.1",
+    "eslint": "^9.15.0",
     "postcss": "^8.4.49",
     "prettier": "^3.3.3",
     "stylelint": "^16.10.0",

packages/vue-basis/src/components/EventCard.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import Card from './Card.vue'
 import type { Event } from '@/services'
+import Card from './Card.vue'
 
 defineProps<{ event: Event }>()
 </script>

packages/vue-basis/src/router/index.ts

@@ -1,7 +1,7 @@
 import type { RouteRecordRaw } from 'vue-router'
 import { createRouter, createWebHistory } from 'vue-router'
-import EventList from '../views/EventList.vue'
 import EventDetails from '../views/EventDetails.vue'
+import EventList from '../views/EventList.vue'
 
 const routes: Array<RouteRecordRaw> = [
   {

packages/vue-basis/src/views/EventDetails.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { getEvent } from '@/services'
 import type { Event } from '@/services'
+import { getEvent } from '@/services'
 
 const props = defineProps<{ id: string }>()
 const event: Event = await getEvent(Number.parseInt(props.id))

packages/vue-basis/src/views/EventList.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import type { Event } from '@/services'
 import EventCard from '@/components/EventCard.vue' // @ is an alias to /src
 import { getEvents } from '@/services'
-import type { Event } from '@/services'
 
 const events: Event[] = await getEvents()
 </script>

packages/vue-challenges/package.json

@@ -28,7 +28,7 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.0",
     "@vue/test-utils": "^2.4.6",
-    "eslint": "^8.57.1",
+    "eslint": "^9.15.0",
     "jsdom": "^25.0.1",
     "typescript": "^5.6.3",
     "vite": "^5.4.11",

packages/vue-design/package.json

@@ -19,8 +19,8 @@
     "snabbdom": "^3.6.2"
   },
   "devDependencies": {
-    "@dg-scripts/eslint-config": "^5.21.3",
-    "eslint": "^8.57.1",
+    "@dg-scripts/eslint-config": "^5.21.4",
+    "eslint": "^9.15.0",
     "prettier": "^3.3.3",
     "typescript": "^5.6.3",
     "vite": "^5.4.11"

packages/vue-trello/package.json

@@ -20,12 +20,12 @@
     "vuex": "^4.1.0"
   },
   "devDependencies": {
-    "@dg-scripts/eslint-config": "^5.21.3",
-    "@dg-scripts/stylelint-config": "^5.21.3",
+    "@dg-scripts/eslint-config": "^5.21.4",
+    "@dg-scripts/stylelint-config": "^5.21.4",
     "@types/node": "^22.9.1",
     "@vitejs/plugin-vue": "^5.2.0",
     "autoprefixer": "^10.4.20",
-    "eslint": "^8.57.1",
+    "eslint": "^9.15.0",
     "postcss": "^8.4.49",
     "prettier": "^3.3.3",
     "stylelint": "^16.10.0",

packages/vue-trello/src/components/BoardColumn.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useAppStore } from 'src/store'
-import { move as moveColumn } from 'src/composables'
 import type { BoardColumnType } from 'src/services'
 import ColumnTask from 'src/components/ColumnTask.vue'
+import { move as moveColumn } from 'src/composables'
+import { useAppStore } from 'src/store'
 
 defineProps<{ columnIndex: number, column: BoardColumnType }>()
 

packages/vue-trello/src/components/ColumnTask.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import type { TaskType } from 'src/services'
+import { move as moveTask } from 'src/composables'
 import { useAppRouter } from 'src/router'
 import { useAppStore } from 'src/store'
-import { move as moveTask } from 'src/composables'
-import type { TaskType } from 'src/services'
 
 defineProps<{ columnIndex: number, taskIndex: number, task: TaskType }>()
 

packages/vue-trello/src/router/index.ts

@@ -1,7 +1,7 @@
 import type { RouteRecordRaw } from 'vue-router'
-import { createRouter, createWebHistory, useRoute, useRouter } from 'vue-router'
 import Board from 'src/views/Board.vue'
 import Task from 'src/views/Task.vue'
+import { createRouter, createWebHistory, useRoute, useRouter } from 'vue-router'
 
 const routes: Array<RouteRecordRaw> = [
   {

packages/vue-trello/src/services/index.ts

@@ -69,4 +69,4 @@ const defaultBoard: BoardType = {
 const getDefaultBoard = (): BoardType => defaultBoard
 
 export { getDefaultBoard }
-export type { TaskType, BoardColumnType, BoardType }
+export type { BoardColumnType, BoardType, TaskType }

packages/vue-trello/src/store/index.ts

@@ -1,9 +1,9 @@
 import type { InjectionKey } from 'vue'
 import type { Store } from 'vuex'
-import { createStore, useStore } from 'vuex'
+import type { BoardColumnType, BoardType, TaskType } from '../services'
 import { nanoid } from 'nanoid'
+import { createStore, useStore } from 'vuex'
 import { getDefaultBoard } from '../services'
-import type { BoardColumnType, BoardType, TaskType } from '../services'
 
 interface State {
   board: BoardType
@@ -130,5 +130,5 @@ const store = createStore<State>({
 const useAppStore = () => useStore<State>(key)
 
 export { key, useAppStore }
-export type { State, AppStore }
+export type { AppStore, State }
 export default store

packages/vue-trello/src/views/Board.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import { useAppStore } from 'src/store'
 import BoardColumn from 'src/components/BoardColumn.vue'
+import { useAppStore } from 'src/store'
+import { computed } from 'vue'
 
 const store = useAppStore()
 const columns = computed(() => store.state.board.columns)

packages/vue-trello/src/views/Task.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import type { TaskType } from 'src/services'
 import { useAppRouter } from 'src/router'
 import { useAppStore } from 'src/store'
-import type { TaskType } from 'src/services'
+import { computed } from 'vue'
 
 const props = defineProps<{ id: string }>()
 const router = useAppRouter()