Minimal configuration to replace just nuxt/composition-api with bridge

[reinoldus]

I am trying to upgrade to nuxt 2.16 and want to use the composition functions from nuxt bridge, nothing else for now.

My bridge config looks like this:

  bridge: {
    // -- Opt-in features --
    // Use Vite as the bundler instead of webpack 4
    vite: false,
    // Enable Nuxt 3 compatible useHead
    meta: false,
    // -- Default features --
    // Use legacy server instead of Nitro
    nitro: false,
    // Disable Nuxt 3 compatible `nuxtApp` interface
    app: false,
    // Disable Composition API support
    // capi: false,
    // ... or just disable legacy Composition API support
    // capi: {
    //   legacy: false
    // },
    // Do not transpile modules
    transpile: false,
    // Disable <script setup> support
    scriptSetup: false,
    // Disable composables auto importing
    imports: false,
    // Do not warn about module incompatibilities
    // constraints: false
  },

When I use "nuxi dev", bridge still starts with nitro. That is the first issue

Do I still have to use "nuxt" in order not to use nitro?

Further, do I have to change nuxt.config.js to nuxt.config.ts + wrap everything with defineNuxtConfig? Do I still have to remove the typescript build module?

How will my IDE react to removing all the @nuxt/composition-api imports? I am using webstorm? Is there maybe also a way to avoid removing all those imports? I have over 200 files.

Additional question: How will modules like sentry react if I use the bare minimum bridge installation?

Sorry if it reads like "all over the place", but there are so many issues popping up that I don't know where to start. I am basically looking for the least painful path for someone who is using @nuxt/composition-api and is having a bunch of modules which neither support nuxt3 nor bridge.

[reinoldus]

I gave it another shot this is the config:

  bridge: {
    // -- Opt-in features --
    // Use Vite as the bundler instead of webpack 4
    vite: false,
    // Enable Nuxt 3 compatible useHead
    meta: false,
    // -- Default features --
    // Use legacy server instead of Nitro
    nitro: false,
    // Disable Nuxt 3 compatible `nuxtApp` interface
    app: true,
    // Disable Composition API support
    // capi: false,
    // ... or just disable legacy Composition API support
    // capi: {
    //   legacy: false
    // },
    // Do not transpile modules
    transpile: false,
    // Disable <script setup> support
    scriptSetup: false,
    // Disable composables auto importing
    imports: false,
    // Do not warn about module incompatibilities
    // constraints: false
  },

These are the errors:

Module parse failed: Unexpected token (1:7)                                                                                                                                                                                                                                                friendly-errors 11:44:26
File was processed with these loaders:
 * ./node_modules/unplugin/dist/webpack/loaders/transform.js
You may need an additional loader to handle the result of these loaders.
> export type Platform = 'browser' | 'node' | 'neutral';
| export type Format = 'iife' | 'cjs' | 'esm';
| export type Loader = 'js' | 'jsx' | 'ts' | 'tsx' | 'css' | 'json' | 'text' | 'base64' | 'file' | 'dataurl' | 'binary' | 'copy' | 'default';
                                                                                                                                                                                                                                                                                           friendly-errors 11:44:26
 @ ./node_modules/esbuild/lib sync ^.*\/.*$
 @ ./node_modules/esbuild/lib/main.js
 @ ./node_modules/nitropack/dist/index.mjs
 @ ./node_modules/@nuxt/bridge/dist/module.mjs
 @ ./node_modules/@nuxt/bridge/module.cjs
 @ ./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=nuxt-legacy-vue-transform!./node_modules/babel-loader/lib??ref--5-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=nuxt-legacy-capi-key-transform!./layouts/default.vue?vue&type=script&lang=js&
 @ ./layouts/default.vue?vue&type=script&lang=js&
 @ ./layouts/default.vue
 @ ./.nuxt/App.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                                                                                                           friendly-errors 11:44:26

 ERROR  Failed to compile with 35 errors                                                                                                                                                                                                                                                   friendly-errors 11:44:26

These dependencies were not found:                                                                                                                                                                                                                                                         friendly-errors 11:44:26
                                                                                                                                                                                                                                                                                           friendly-errors 11:44:26
* child_process in ./node_modules/esbuild/lib/main.js, ./node_modules/jest-worker/build/workers/ChildProcessWorker.js and 2 others                                                                                                                                                         friendly-errors 11:44:26
* fs/promises in ./node_modules/nitropack/dist/index.mjs                                                                                                                                                                                                                                   friendly-errors 11:44:26
* module in ./node_modules/@nuxt/bridge/dist/module.mjs, ./node_modules/@rollup/plugin-node-resolve/node_modules/builtin-modules/index.js and 2 others                                                                                                                                     friendly-errors 11:44:26
* node:buffer in ./node_modules/@nuxt/bridge/node_modules/node-fetch/src/index.js                                                                                                                                                                                                          friendly-errors 11:44:26
* node:fs in ./node_modules/globby/index.js, ./node_modules/gzip-size/index.js and 2 others                                                                                                                                                                                                friendly-errors 11:44:26
* node:fs/promises in ./node_modules/nitropack/dist/index.mjs                                                                                                                                                                                                                              friendly-errors 11:44:26
* node:http in ./node_modules/@nuxt/bridge/node_modules/node-fetch/src/index.js                                                                                                                                                                                                            friendly-errors 11:44:26
* node:https in ./node_modules/@nuxt/bridge/node_modules/node-fetch/src/index.js                                                                                                                                                                                                           friendly-errors 11:44:26
* node:module in ./node_modules/unenv/dist/index.mjs                                                                                                                                                                                                                                       friendly-errors 11:44:26
* node:net in ./node_modules/@nuxt/bridge/node_modules/node-fetch/src/utils/referrer.js                                                                                                                                                                                                    friendly-errors 11:44:26
* node:path in ./node_modules/globby/index.js, ./node_modules/pkg-types/dist/index.mjs                                                                                                                                                                                                     friendly-errors 11:44:26
* node:process in ./node_modules/globby/ignore.js                                                                                                                                                                                                                                          friendly-errors 11:44:26
* node:stream in ./node_modules/@nuxt/bridge/node_modules/node-fetch/src/index.js, ./node_modules/globby/utilities.js and 1 other                                                                                                                                                          friendly-errors 11:44:26
* node:url in ./node_modules/@nuxt/bridge/node_modules/node-fetch/src/request.js, ./node_modules/globby/utilities.js                                                                                                                                                                       friendly-errors 11:44:26
* node:util in ./node_modules/@nuxt/bridge/node_modules/node-fetch/src/body.js, ./node_modules/gzip-size/index.js                                                                                                                                                                          friendly-errors 11:44:26
* node:zlib in ./node_modules/@nuxt/bridge/node_modules/node-fetch/src/index.js, ./node_modules/gzip-size/index.js and 1 other                                                                                                                                                             friendly-errors 11:44:26
* perf_hooks in ./node_modules/nitropack/node_modules/jiti/dist/jiti.js                                                                                                                                                                                                                    friendly-errors 11:44:26
* worker_threads in ./node_modules/jest-worker/build/workers/NodeThreadsWorker.js, ./node_modules/nitropack/dist/index.mjs                                                                                                                                                                 friendly-errors 11:44:26
                                                                                                                                                                                                                                                                                           friendly-errors 11:44:26
To install them, you can run: npm install --save child_process fs/promises module node:buffer node:fs node:fs/promises node:http node:https node:module node:net node:path node:process node:stream node:url node:util node:zlib perf_hooks worker_threads     

Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: property "BAvatar" must be followed by a ':' on line 1 of node_modules/bootstrap-vue/src/components/avatar/index.js from line 184 of assets/sass/style.scss >> import { BAvatar } from './avatar' ---------^

[reinoldus]

The sass error is probably caused by this issue: nuxt-modules/style-resources#190 (comment)

Don't have the time to chase each error right now, but I will keep posting if I resolve the issues