chore(use-long-press): Remove @nrwl/vite and fix vite.config.ts

Author: minwork

package.json

@@ -28,7 +28,6 @@
     "@chromatic-com/storybook": "^3",
     "@commitlint/cli": "^17.4.4",
     "@commitlint/config-conventional": "^17.4.4",
-    "@nrwl/vite": "19.8.14",
     "@nx/eslint": "20.5.0-beta.4",
     "@nx/eslint-plugin": "20.5.0-beta.4",
     "@nx/jest": "20.5.0-beta.4",

packages/use-long-press/project.json

@@ -10,7 +10,7 @@
       "outputs": ["{options.outputFile}"]
     },
     "build": {
-      "executor": "@nrwl/vite:build",
+      "executor": "@nx/vite:build",
       "outputs": ["{options.outputPath}"],
       "defaultConfiguration": "production",
       "options": {
@@ -26,7 +26,7 @@
       }
     },
     "test": {
-      "executor": "@nrwl/vite:test",
+      "executor": "@nx/vite:test",
       "outputs": ["{workspaceRoot}/coverage/packages/use-long-press"],
       "options": {
         "passWithNoTests": true,

packages/use-long-press/vite.config.ts

@@ -1,24 +1,23 @@
 /// <reference types="vitest" />
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
-import viteTsConfigPaths from 'vite-tsconfig-paths';
 import dts from 'vite-plugin-dts';
-import { join } from 'path';
 import { viteStaticCopy } from 'vite-plugin-static-copy';
+import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+import { joinPathFragments } from 'nx/src/utils/path';
 
 export default defineConfig({
+  root: __dirname,
   cacheDir: '../../node_modules/.vite/use-long-press',
 
   plugins: [
     dts({
       entryRoot: 'src',
-      tsConfigFilePath: join(__dirname, 'tsconfig.lib.json'),
+      tsConfigFilePath: joinPathFragments(__dirname, 'tsconfig.lib.json'),
       skipDiagnostics: true,
     }),
     react(),
-    viteTsConfigPaths({
-      root: '../../',
-    }),
+    nxViteTsPaths(),
     viteStaticCopy({
       targets: [
         {
@@ -42,6 +41,9 @@ export default defineConfig({
   // See: https://vitejs.dev/guide/build.html#library-mode
   build: {
     emptyOutDir: true,
+    outDir: '../../dist/packages/use-long-press',
+    reportCompressedSize: true,
+    commonjsOptions: { transformMixedEsModules: true },
     lib: {
       // Could also be a dictionary or array of multiple entry points.
       entry: 'src/index.ts',
@@ -58,6 +60,7 @@ export default defineConfig({
   },
 
   test: {
+    reporters: ['default'],
     globals: true,
     setupFiles: 'src/tests/setup-tests.ts',
     environment: 'jsdom',