Vue template using this.$nextTick results in "[nuxt] [request error] require is not defined in ES module scope..."

Environment

• Operating System: Darwin
• Node Version: v17.8.0
• Nuxt Version: 3.0.0-rc.1
• Package Manager: yarn@1.22.18
• Builder: vite
• User Config: vue, head, plugins, components, buildModules, modules, axios, auth, build, styleResources, css, vite, bootstrapVue, loading, loadingIndicator, router, privateRuntimeConfig, publicRuntimeConfig, pwa, hooks
• Runtime Modules: nuxt-session@1.0.3, cookie-universal-nuxt@2.1.5, bootstrap-vue/nuxt, nuxt-helmet@2.1.1
• Build Modules: @nuxtjs/eslint-module@3.1.0, @nuxt-hero-icons/outline/nuxt@1.0.1

Reproduction

yarn run dev on a project I am attempting to migrate from Nuxt 2

Describe the bug

Error:

[nuxt] [request error] require is not defined in ES module scope, you can use import instead
  at $id_1ccadb5e (./.nuxt/dist/server/server.mjs:14959:22)

Offending line in server.mjs:

const { nextTick } = require('vue');

The Vue template in question uses this.$nextTick and if I remove the calls to that, the error goes away.

Additional context

No response

Logs

No response

[antfu]

Fix landed in unimport@0.2.7, you may need to update your lockfile to have the latest unimport installed

[danielroe]

You can run yarn upgrade unimport or npm upgrade unimport.