Nuxt Bridge

```
ℹ Nuxt Bridge has now been released in beta.
It has full composition API support and it's strongly recommended to migrate from @nuxtjs/composition-api,
if possible, by following the steps at https://v3.nuxtjs.org/getting-started/bridge.
Feedback welcome at nuxt-community/composition-api#585.
```

Author: abetomo

Diff for: components/DbTableInfo.vue

@@ -21,8 +21,6 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from '@nuxtjs/composition-api'
-
 export default defineComponent({
   props: {
     dbColumnNames: {

Diff for: components/DragAndDrop.vue

@@ -14,7 +14,6 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive } from '@nuxtjs/composition-api'
 import { parse } from 'csv-parse/lib/sync'
 
 export default defineComponent({

Diff for: components/ErrorMessage.vue

@@ -12,8 +12,6 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from '@nuxtjs/composition-api'
-
 export default defineComponent({
   props: {
     message: {

Diff for: components/ResultTable.vue

@@ -18,8 +18,6 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from '@nuxtjs/composition-api'
-
 export default defineComponent({
   props: {
     columnNames: {

Diff for: nuxt.config.js

@@ -1,5 +1,8 @@
+import { defineNuxtConfig } from '@nuxt/bridge'
+
 const baseDir = process.env.BASE_DIR || '/'
-module.exports = { // eslint-disable-line
+
+export default defineNuxtConfig({
   // Disable server-side rendering (https://go.nuxtjs.dev/ssr-mode)
   ssr: false,
 
@@ -28,11 +31,8 @@ module.exports = { // eslint-disable-line
 
   // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
   buildModules: [
-    // https://go.nuxtjs.dev/typescript
-    '@nuxt/typescript-build',
     // https://go.nuxtjs.dev/stylelint
     '@nuxtjs/stylelint-module',
-    '@nuxtjs/composition-api/module'
   ],
 
   // Modules (https://go.nuxtjs.dev/config-modules)
@@ -57,4 +57,4 @@ module.exports = { // eslint-disable-line
   },
   // telemetry#opting-out
   telemetry: false,
-}
+})

Diff for: package-lock.json

@@ -29,11 +29,11 @@
     "scripts/electron.js"
   ],
   "scripts": {
-    "dev": "npm run sql-wasm && nuxt",
+    "dev": "npm run sql-wasm && nuxi dev",
     "dev-electron": "npm run sql-wasm && NODE_ENV=dev electron main.js",
-    "build": "nuxt build",
-    "start": "nuxt start",
-    "generate": "nuxt generate",
+    "build": "nuxi build",
+    "start": "nuxi preview",
+    "generate": "nuxi generate",
     "lint:js": "eslint --ext .ts,.js,.vue --ignore-path .gitignore .",
     "lint:style": "stylelint **/*.{vue,css} --ignore-path .gitignore",
     "lint": "npm run lint:js && npm run lint:style",
@@ -61,9 +61,8 @@
   "devDependencies": {
     "@commitlint/cli": "^16.2.4",
     "@commitlint/config-conventional": "^16.2.4",
+    "@nuxt/bridge": "npm:@nuxt/bridge-edge@^3.0.0-27566698.2b0045e",
     "@nuxt/types": "^2.15.8",
-    "@nuxt/typescript-build": "^2.1.0",
-    "@nuxtjs/composition-api": "^0.32.0",
     "@nuxtjs/eslint-config": "^10.0.0",
     "@nuxtjs/eslint-config-typescript": "^10.0.0",
     "@nuxtjs/eslint-module": "^3.1.0",
@@ -80,8 +79,8 @@
     "husky": "^8.0.0",
     "jest": "^28.1.0",
     "lint-staged": "^12.4.1",
-    "nuxt": "^2.15.8",
     "nuxt-buefy": "^0.4.22",
+    "nuxt-edge": "latest",
     "postcss-html": "^1.4.1",
     "prettier": "^2.6.2",
     "sql.js": "^1.6.2",

Diff for: package.json

@@ -24,7 +24,6 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, onMounted } from '@nuxtjs/composition-api'
 import initSqlJs from 'sql.js'
 import DragAndDrop from '@/components/DragAndDrop.vue'
 import DbTableInfo from '@/components/DbTableInfo.vue'

Diff for: pages/index.vue

@@ -1,4 +1,5 @@
 {
+  "extends": "./.nuxt/tsconfig.json",
   "compilerOptions": {
     "target": "ES2018",
     "module": "ESNext",