Cannot compile template (components) after migration from Nuxt UI Pro v1 to v3.

@import "tailwindcss";
@import "@nuxt/ui-pro";

@import "tailwindcss";
@import "@nuxt/ui-pro";

export default defineNuxtConfig({
  modules: ['@nuxt/ui-pro'],
  css: ['~/assets/css/main.css']
})

export default defineNuxtConfig({
  modules: ['@nuxt/ui-pro'],
  css: ['~/assets/css/main.css']
})

export default defineAppConfig({
  ui: {
    colors: {
      primary: 'green',
      neutral: 'slate'
    }
  },
  uiPro: {
    // Component-specific configurations go here
    // For example:
    banner: {
      // Banner component configuration
    },
    blogPosts: {
      // BlogPosts component configuration
    }
    // Other components...
  }
})

export default defineAppConfig({
  ui: {
    colors: {
      primary: 'green',
      neutral: 'slate'
    }
  },
  uiPro: {
    // Component-specific configurations go here
    // For example:
    banner: {
      // Banner component configuration
    },
    blogPosts: {
      // BlogPosts component configuration
    }
    // Other components...
  }
})

<template>
  <UApp>
    <NuxtPage />
  </UApp>
</template>

<template>
  <UApp>
    <NuxtPage />
  </UApp>
</template>

export default defineAppConfig({
  uiPro: {
    banner: {
      slots: {
        root: [
          'relative z-50 w-full',
          'transition-colors'
        ],
        // other slots...
      },
      variants: {
        // variants configuration
      }
    },
    // other components...
  }
})

export default defineAppConfig({
  uiPro: {
    banner: {
      slots: {
        root: [
          'relative z-50 w-full',
          'transition-colors'
        ],
        // other slots...
      },
      variants: {
        // variants configuration
      }
    },
    // other components...
  }
})

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@nuxt/ui-pro'],
  css: ['~/assets/css/main.css']
})

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@nuxt/ui-pro'],
  css: ['~/assets/css/main.css']
})

npx nuxi cleanup
# or manually delete the .nuxt, .output, and node_modules/.vite directories
npm install
npm run dev

npx nuxi cleanup
# or manually delete the .nuxt, .output, and node_modules/.vite directories
npm install
npm run dev

@import "tailwindcss";
@import "@nuxt/ui-pro";

@import "tailwindcss";
@import "@nuxt/ui-pro";

<template>
  <UFooter>
    <template #top>
      <UContainer>
        <UFooterColumns :columns="columns" />
      </UContainer>
    </template>
  </UFooter>
</template>

<template>
  <UFooter>
    <template #top>
      <UContainer>
        <UFooterColumns :columns="columns" />
      </UContainer>
    </template>
  </UFooter>
</template>

export default defineAppConfig({
  uiPro: {
    footerColumns: {
      slots: {
        root: 'xl:grid xl:grid-cols-3 xl:gap-8',
        left: 'mb-10 xl:mb-0',
        // other slots...
      },
      variants: {
        active: {
          // variants configuration
        }
      }
    }
  }
})

export default defineAppConfig({
  uiPro: {
    footerColumns: {
      slots: {
        root: 'xl:grid xl:grid-cols-3 xl:gap-8',
        left: 'mb-10 xl:mb-0',
        // other slots...
      },
      variants: {
        active: {
          // variants configuration
        }
      }
    }
  }
})

npx nuxi init -t github:nuxt-ui-pro/starter my-starter

npx nuxi init -t github:nuxt-ui-pro/starter my-starter

export default defineNuxtConfig({
  // This reverts the new srcDir default from `app` back to your root directory
  srcDir: '.',
  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
  dir: {
    app: 'app'
  }
})

export default defineNuxtConfig({
  // This reverts the new srcDir default from `app` back to your root directory
  srcDir: '.',
  // This specifies the directory prefix for `app/router.options.ts` and `app/spa-loading-template.html`
  dir: {
    app: 'app'
  }
})

[CAUSE]
Error {
  stack: "Cannot find module '#build/ui-pro/footer-columns' imported from 'path/node_modules/@nuxt/ui-pro/dist/runtime/components/FooterColumns.vue'.\n" +

[CAUSE]
Error {
  stack: "Cannot find module '#build/ui-pro/footer-columns' imported from 'path/node_modules/@nuxt/ui-pro/dist/runtime/components/FooterColumns.vue'.\n" +

// vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import uiPro from '@nuxt/ui-pro/vite'

export default defineConfig({
  plugins: [
    vue(),
    uiPro({
      uiPro: {
        // Your theme configurations
      }
    })
  ]
})

// vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import uiPro from '@nuxt/ui-pro/vite'

export default defineConfig({
  plugins: [
    vue(),
    uiPro({
      uiPro: {
        // Your theme configurations
      }
    })
  ]
})

# Remove node_modules and reinstall
rm -rf node_modules
rm -rf .nuxt
npm install
# or yarn install, pnpm install, etc.

# Remove node_modules and reinstall
rm -rf node_modules
rm -rf .nuxt
npm install
# or yarn install, pnpm install, etc.

npx nuxi init -t github:nuxt-ui-pro/starter my-starter

npx nuxi init -t github:nuxt-ui-pro/starter my-starter

# .npmrc
shamefully-hoist=true

# .npmrc
shamefully-hoist=true

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@nuxt/ui-pro'],
  css: ['~/assets/css/main.css'],
  uiPro: {
    license: process.env.NUXT_UI_PRO_LICENSE
  }
})

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@nuxt/ui-pro'],
  css: ['~/assets/css/main.css'],
  uiPro: {
    license: process.env.NUXT_UI_PRO_LICENSE
  }
})

 ERROR  Could not compile template ui-pro/footer-columns.ts.                                                                                         
 ERROR  Cannot read properties of undefined (reading 'theme')
 ERROR  Could not compile template ui-pro/blog-post.ts.                                                                                              
 ERROR  Cannot read properties of undefined (reading 'theme') 
...
 ERROR  Pre-transform error: Failed to resolve import "#build/ui-pro/footer-columns" from "node_modules/@nuxt/ui-pro/dist/runtime/components/FooterColumns.vue". Does the file exist?                                   23:43:33  
  Plugin: vite:import-analysis

 ERROR  Could not compile template ui-pro/footer-columns.ts.                                                                                         
 ERROR  Cannot read properties of undefined (reading 'theme')
 ERROR  Could not compile template ui-pro/blog-post.ts.                                                                                              
 ERROR  Cannot read properties of undefined (reading 'theme') 
...
 ERROR  Pre-transform error: Failed to resolve import "#build/ui-pro/footer-columns" from "node_modules/@nuxt/ui-pro/dist/runtime/components/FooterColumns.vue". Does the file exist?                                   23:43:33  
  Plugin: vite:import-analysis