chore(deps): migrate to community @faker-js/faker (#30098)

* chore(deps): migrate to community @faker-js/faker 5.5.3

* revert faker tree-shaking import

Author: MikeMcC399

packages/app/package.json

@@ -25,6 +25,7 @@
     "@cypress-design/vue-icon": "^0.26.0",
     "@cypress-design/vue-statusicon": "^0.5.7",
     "@cypress-design/vue-tabs": "^0.5.1",
+    "@faker-js/faker": "5.5.3",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@headlessui/vue": "1.4.0",
     "@iconify-json/mdi": "1.1.63",
@@ -51,7 +52,6 @@
     "dayjs": "^1.9.3",
     "disparity": "^3.0.0",
     "engine.io-client": "3.5.2",
-    "faker": "5.5.3",
     "fuzzysort": "^1.1.4",
     "graphql": "^15.5.1",
     "graphql-tag": "^2.12.5",

packages/app/src/components/FileMatchButton.cy.tsx

@@ -2,7 +2,7 @@
 // Defining emits for "Button.vue" removes the native handler on the
 // <button> element. vue-tsc just can't handle this yet.
 import FileMatchButton from './FileMatchButton.vue'
-import faker from 'faker'
+import faker from '@faker-js/faker'
 import { ref } from 'vue'
 const fileMatchButtonSelector = '[data-cy=file-match-button]'
 

packages/app/src/components/FileMatchIndicator.cy.tsx

@@ -1,5 +1,5 @@
 import FileMatchIndicator from './FileMatchIndicator.vue'
-import faker from 'faker'
+import faker from '@faker-js/faker'
 
 faker.seed(1)
 

packages/frontend-shared/cypress/fixtures/config.json

@@ -284,7 +284,7 @@
               "vue3-file-selector",
               "just-my-luck",
               "combine-properties",
-              "faker",
+              "@faker-js/faker",
               "cypress/support/customPercyCommand"
             ]
           }

packages/frontend-shared/package.json

@@ -23,6 +23,7 @@
   "devDependencies": {
     "@antfu/utils": "^0.7.8",
     "@cypress-design/css": "^0.13.3",
+    "@faker-js/faker": "5.5.3",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@headlessui/vue": "1.4.0",
     "@iconify-json/logos": "1.1.42",
@@ -52,7 +53,6 @@
     "cypress-real-events": "1.6.0",
     "dayjs": "^1.9.3",
     "fake-uuid": "^1.0.0",
-    "faker": "5.5.3",
     "floating-vue": "2.0.0-beta.17",
     "fuzzysort": "^1.1.4",
     "graphql": "^15.5.1",

packages/frontend-shared/script/testStubSpecs.ts

@@ -1,5 +1,5 @@
 import JustMyLuck from 'just-my-luck'
-import faker from 'faker'
+import faker from '@faker-js/faker'
 import { template, keys, reduce, templateSettings } from 'lodash'
 import dayjs from 'dayjs'
 import relativeTime from 'dayjs/plugin/relativeTime'

packages/frontend-shared/src/components/Alert.cy.tsx

@@ -1,6 +1,6 @@
 import CoffeeIcon from '~icons/mdi/coffee'
 import LoadingIcon from '~icons/mdi/loading'
-import faker from 'faker'
+import faker from '@faker-js/faker'
 import Alert from './Alert.vue'
 import { defaultMessages } from '../locales/i18n'
 import { ref } from 'vue'

packages/frontend-shared/src/components/Collapsible.cy.tsx

@@ -1,5 +1,5 @@
 import Collapsible from './Collapsible.vue'
-import faker from 'faker'
+import faker from '@faker-js/faker'
 
 faker.seed(1)
 

packages/frontend-shared/src/components/ListRowHeader.cy.tsx

@@ -1,5 +1,5 @@
 import ListRowHeader from './ListRowHeader.vue'
-import faker from 'faker'
+import faker from '@faker-js/faker'
 import { IconFileChangesAdded, IconActionAdd } from '@cypress-design/vue-icon'
 import Button from '@cy/components/Button.vue'
 

packages/frontend-shared/src/warning/Warning.cy.tsx

@@ -1,6 +1,6 @@
 import { defaultMessages } from '@cy/i18n'
 import Warning from './Warning.vue'
-import faker from 'faker'
+import faker from '@faker-js/faker'
 import { ref } from 'vue'
 
 faker.seed(1)