fix(app): allow launching app dev server w/o relying on supportFile to bundle deps (#18354)

Co-authored-by: Jessica Sachs <jess@jessicasachs.io>

packages/app/cypress.json

@@ -14,10 +14,9 @@
   "reporterOptions": {
     "configFile": "../../mocha-reporter-config.json"
   },
+  "componentFolder": "src",
+  "supportFile": false,
   "component": {
-    "componentFolder": "src"
-  },
-  "e2e": {
-    "supportFile": false
+    "testFiles": "**/*.spec.{js,ts,tsx,jsx}"
   }
 }

packages/app/src/Basic.spec.tsx

@@ -0,0 +1,5 @@
+describe('hello', () => {
+  it('works', () => {
+    expect(1).to.eq(1)
+  })
+})

packages/app/vite.config.ts

@@ -2,7 +2,17 @@ import { makeConfig } from '../frontend-shared/vite.config'
 import Layouts from 'vite-plugin-vue-layouts'
 import Pages from 'vite-plugin-pages'
 
-export default makeConfig({}, {
+export default makeConfig({
+  optimizeDeps: {
+    include: [
+      '@urql/core',
+      'vue-i18n',
+      'vue-router',
+      '@urql/devtools',
+      '@urql/exchange-graphcache',
+    ],
+  },
+}, {
   plugins: [
     Layouts(),
     Pages({ extensions: ['vue'] }),