fix: dev command

package.json

@@ -19,7 +19,6 @@
     "blueimp-md5": "^2.3.0",
     "compare-versions": "^3.5.1",
     "font-awesome": "^4.7.0",
-    "intersection-observer": "^0.2.0",
     "ismobilejs": "^0.4.0",
     "local-storage": "^2.0.0",
     "lodash": "^4.17.19",
@@ -39,10 +38,11 @@
     "@babel/polyfill": "^7.8.7",
     "@babel/preset-env": "^7.9.6",
     "@testing-library/cypress": "^8.0.2",
+    "@testing-library/vue": "^6.5.1",
     "@types/axios": "^0.14.0",
     "@types/blueimp-md5": "^2.7.0",
     "@types/faker": "^4.1.11",
-    "@types/jest": "^26",
+    "@types/jest": "^27.4.1",
     "@types/local-storage": "^1.4.0",
     "@types/lodash": "^4.14.150",
     "@types/node": "^13.13.4",
@@ -81,21 +81,20 @@
     "sass": "^1.50.0",
     "sass-loader": "^12.6.0",
     "start-server-and-test": "^1.14.0",
-    "ts-loader": "^9.2.9",
+    "ts-loader": "^9.3.0",
     "typescript": "^4.6.3",
     "vue-loader": "^17.0.0",
-    "vue-template-compiler": "^2.6.14",
-    "vue-test-helpers": "^2.0.0",
     "webpack": "^5.72.0",
     "webpack-node-externals": "^3.0.0"
   },
   "scripts": {
     "lint": "eslint ./resources/assets/js/**/*.ts && eslint ./cypress/**/*.ts",
+    "test:unit": "cross-env NODE_ENV=test && jest --colors",
     "test:e2e": "kill-port 8080 && start-test dev :8080 'cypress open'",
     "test:e2e:ci": "kill-port 8080 && start-test 'php artisan serve --port=8080 --quiet' http-get://localhost:8080/api/ping 'cypress run'",
     "build": "yarn prod",
     "build-demo": "cross-env KOEL_ENV=demo mix --production",
-    "dev": "kill-port 8080 && start-test 'php artisan serve --port=8000 --quiet' http-get://localhost:8000/api/ping hot",
+    "dev": "kill-port 8000 && start-test 'php artisan serve --port=8000 --quiet' http-get://localhost:8000/api/ping hot",
     "development": "mix",
     "watch": "mix watch",
     "watch-poll": "mix watch -- --watch-options-poll=1000",

resources/assets/js/staticLoader.ts

@@ -1,5 +1,4 @@
 import 'plyr/dist/plyr.js'
 import '@/../css/meyer-reset.min.css'
 import 'nouislider/distribute/nouislider.min.css'
-import 'intersection-observer'
 import 'font-awesome/css/font-awesome.min.css'

routes/api.php

@@ -33,8 +33,9 @@ use Pusher\Pusher;
 Route::post('me', [AuthController::class, 'login'])->name('auth.login');
 Route::delete('me', [AuthController::class, 'logout']);
 
+Route::get('ping', static fn () => null);
+
 Route::middleware('auth')->group(static function (): void {
-    Route::get('ping', static fn () => null);
 
     Route::post('broadcasting/auth', static function (Request $request) {
         $pusher = new Pusher(