erztemplerobba
erztemplerobba
PostsComments
NNuxt
Created by erztemplerobba on 4/14/2025 in #❓・help
Cannot compile template (components) after migration from Nuxt UI Pro v1 to v3.
tried all of that, still the same errors: 
 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
20 replies
NNuxt
Created by erztemplerobba on 4/14/2025 in #❓・help
Cannot compile template (components) after migration from Nuxt UI Pro v1 to v3.
@kapa.ai I have tried everything you suggested but nuxt UI still cannot find the existing components: 
[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" +
20 replies
NNuxt
Created by erztemplerobba on 4/14/2025 in #❓・help
Cannot compile template (components) after migration from Nuxt UI Pro v1 to v3.
@kapa.ai is it necessary to have nuxt 4's /app/ structure or can I use the old nuxt 3 folder structure without /app ?
20 replies
NNuxt
Created by erztemplerobba on 4/14/2025 in #❓・help
Cannot compile template (components) after migration from Nuxt UI Pro v1 to v3.
@kapa.ai Error: Cannot find module '#build/ui-pro/footer-columns' imported from 'path/node_modules/@nuxt/ui-pro/dist/runtime/components/FooterColumns.vue'. I get these errors for each component that throws an error but the files exist.
20 replies
NNuxt
Created by erztemplerobba on 4/2/2025 in #❓・help
Nuxt content v2 -> v3
@kapa.ai It only works if I use type: 'page'. I can settle for this. The only problem I have is that I need to access the 'body' property of the content file I'm loading. So instead of {{ general.company }}, now the correct object structure would be {{ general.body.company }}. I'd have to restructure a lot in my app. Is there an easy way to fix this?
42 replies
NNuxt
Created by erztemplerobba on 4/2/2025 in #❓・help
Nuxt content v2 -> v3
@kapa.ai I get this error: [CAUSE] SqliteError { message: 'no such column: "path" - should this be a string literal in single-quotes?', stack: 'no such column: "path" - should this be a string literal in single-quotes?\n' +
42 replies
NNuxt
Created by erztemplerobba on 4/2/2025 in #❓・help
Nuxt content v2 -> v3
@kapa.aiconsole.log("All files:", allFiles.value); gives me all files. the notifications element is this: 
{ id: 'translations/notifications/notifications.yml',
    extension: 'yml',
    meta:
     { path: '/notifications/notifications',
        ...data...
       body: [Object],
       title: 'Notifications' },
    stem: 'notifications/notifications',
{ id: 'translations/notifications/notifications.yml',
    extension: 'yml',
    meta:
     { path: '/notifications/notifications',
        ...data...
       body: [Object],
       title: 'Notifications' },
    stem: 'notifications/notifications',
but still, I cannot query this collection using .path('/notifications/notifications') or .where("stem", "=", "notifications"). why is that
42 replies
NNuxt
Created by erztemplerobba on 4/2/2025 in #❓・help
Nuxt content v2 -> v3
@kapa.ai I am using source: '*/.yml'. Why would my file in content/notifications/notifications.yml not be found using this code: 
const { data: not } = await useAsyncData("notifications", () =>
  queryCollection("translations")
    .where("path", "=", "/notifications/notifications")
    .first()
);
const { data: not } = await useAsyncData("notifications", () =>
  queryCollection("translations")
    .where("path", "=", "/notifications/notifications")
    .first()
);
42 replies
NNuxt
Created by erztemplerobba on 4/2/2025 in #❓・help
Nuxt content v2 -> v3
@kapa.ai if have source: '**.yml' in my content.config.ts, can it read all .yml files in the main content directory as well as subdirectories?
42 replies
NNuxt
Created by erztemplerobba on 4/2/2025 in #❓・help
Nuxt content v2 -> v3
@kapa.ai how would I use .where with this path: queryCollection("translations").path("/notifications/notifications").first() ?
42 replies
NNuxt
Created by erztemplerobba on 4/2/2025 in #❓・help
Nuxt content v2 -> v3
@kapa.ai If I use type: 'data', do I HAVE to use a schema? Typescript seems to require one. Also, whenever I change type to 'data', The content files like general.yml cannot be read anymore. The console log here returns 'undefined': 
const { data: general } = await useAsyncData("general", () =>
  queryCollection("translations").path("/general").first()
);

console.log("general", general.value);
const { data: general } = await useAsyncData("general", () =>
  queryCollection("translations").path("/general").first()
);

console.log("general", general.value);
42 replies
NNuxt
Created by erztemplerobba on 4/2/2025 in #❓・help
Nuxt content v2 -> v3
@kapa.ai Right now, I am using type: 'page' but in my app, I am using the .yml as collections of localizations and not really 1:1 represenations of pages. My general.yml looks like this: 
company:
  main: Name
  dictionary: Dic
legal:
  termsOfService: Service
  privacyPolicy: Policy
company:
  main: Name
  dictionary: Dic
legal:
  termsOfService: Service
  privacyPolicy: Policy
After importing the data like this: 
const { data: general } = await useAsyncData("general", () =>
  queryCollection("translations").path("/general").first()
);
const { data: general } = await useAsyncData("general", () =>
  queryCollection("translations").path("/general").first()
);
I want to use it like this in my template: {{ general.company.main }} Would type: 'data' be recommended here?
42 replies
NNuxt
Created by erztemplerobba on 4/4/2023 in #❓・help
Pinia in Nuxt 3 composable error
K thanks for your help!
14 replies
NNuxt
Created by erztemplerobba on 4/4/2023 in #❓・help
Pinia in Nuxt 3 composable error
Yeah I did. When I set up the StackBlitz, I realized that the problem is probably that I'm importing saveUserResults (which imports the store) in a Nuxt server route. Is there a way to use pinia in server routes?
14 replies
NNuxt
Created by erztemplerobba on 4/4/2023 in #❓・help
Pinia in Nuxt 3 composable error
No description
14 replies
NNuxt
Created by erztemplerobba on 4/4/2023 in #❓・help
Pinia in Nuxt 3 composable error
All my imports use ~~ at the beginning, not sure. But all of them work, so no problem here. The return is inside useSupabaseApi, just one bracket slipped to the first line because I removed some stuff to make the code more readable.
14 replies
NNuxt
Created by erztemplerobba on 11/28/2022 in #❓・help
Nuxt 3 with Pinia gives me error 500
thanks a lot for your help, fabian! really appreciated
57 replies