Skip to content

findSurround() is not working #1235

@zarub2k

Description

@zarub2k

Environment

Nuxt CLI v3.0.0-rc.3-27567768.c1f728e 22:46:06
RootDir: C:\work\personal\repos\tham-xyz 22:46:10
Nuxt project info: 22:46:10


  • Operating System: Windows_NT
  • Node Version: v17.4.0
  • Nuxt Version: 3.0.0-rc.3
  • Package Manager: [email protected]
  • Builder: vite
  • User Config: ssr, modules, runtimeConfig, build, css
  • Runtime Modules: @nuxt/[email protected]
  • Build Modules: -

Reproduction

<script setup> const route = useRoute() const slug = route.params.slug const [prev, next] = await queryContent('articles') .only(['title']) .findSurround(slug) </script> {{ prev }} {{ next }}

Describe the bug

The above code is not working for me. I have no idea what am i missing in the code. I just referred the documentation https://content.nuxtjs.org/api/composables/query-content#findsurroundpath-options

Additional context

No response

Logs

fetch.mjs?v=201480f3:131 
        
       GET http://localhost:3000/api/_content/query?_params={%22where%22:[{%22_path%22:%22--REGEX+/^%5C%5C/articles/%22}],%22only%22:[%22title%22],%22surround%22:{%22query%22:%22growth-strategy%22}}&previewToken 500 (Internal Server Error)
$fetchRaw2 @ fetch.mjs?v=201480f3:131
$fetch2 @ fetch.mjs?v=201480f3:157
queryFetch @ query.mjs:16
findSurround @ query.mjs:28
(anonymous) @ PrevNext.vue:6
withAsyncContext @ runtime-core.esm-bundler.js:7504
setup @ PrevNext.vue:4
callWithErrorHandling @ runtime-core.esm-bundler.js:155
setupStatefulComponent @ runtime-core.esm-bundler.js:7109
setupComponent @ runtime-core.esm-bundler.js:7064
mountComponent @ runtime-core.esm-bundler.js:4951
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
(anonymous) @ runtime-core.esm-bundler.js:1481
Promise.then (async)
registerDep @ runtime-core.esm-bundler.js:1460
mountComponent @ runtime-core.esm-bundler.js:4959
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
mountSuspense @ runtime-core.esm-bundler.js:1203
process @ runtime-core.esm-bundler.js:1180
patch @ runtime-core.esm-bundler.js:4524
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
mountChildren @ runtime-core.esm-bundler.js:4714
processFragment @ runtime-core.esm-bundler.js:4885
patch @ runtime-core.esm-bundler.js:4511
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
(anonymous) @ runtime-core.esm-bundler.js:1481
Promise.then (async)
registerDep @ runtime-core.esm-bundler.js:1460
mountComponent @ runtime-core.esm-bundler.js:4959
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
mountSuspense @ runtime-core.esm-bundler.js:1203
process @ runtime-core.esm-bundler.js:1180
patch @ runtime-core.esm-bundler.js:4524
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
render2 @ runtime-core.esm-bundler.js:5686
mount @ runtime-core.esm-bundler.js:3903
app.mount @ runtime-dom.esm-bundler.js:1593
initApp @ entry.mjs:52
await in initApp (async)
(anonymous) @ entry.mjs:60
Show 92 more frames
web-socket.mjs:4 [Content] WS connected!
fetch.mjs?v=201480f3:131 
        
      
        
        
      
        
      
       
        
       GET http://localhost:3000/api/_content/query?_params={%22where%22:[{%22_path%22:%22--REGEX+/^%5C%5C/articles/%22}],%22only%22:[%22title%22],%22surround%22:{%22query%22:%22growth-strategy%22}}&previewToken 500 (Internal Server Error)
$fetchRaw2 @ fetch.mjs?v=201480f3:131
onError @ fetch.mjs?v=201480f3:89
$fetchRaw2 @ fetch.mjs?v=201480f3:154
await in $fetchRaw2 (async)
$fetch2 @ fetch.mjs?v=201480f3:157
queryFetch @ query.mjs:16
findSurround @ query.mjs:28
(anonymous) @ PrevNext.vue:6
withAsyncContext @ runtime-core.esm-bundler.js:7504
setup @ PrevNext.vue:4
callWithErrorHandling @ runtime-core.esm-bundler.js:155
setupStatefulComponent @ runtime-core.esm-bundler.js:7109
setupComponent @ runtime-core.esm-bundler.js:7064
mountComponent @ runtime-core.esm-bundler.js:4951
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
(anonymous) @ runtime-core.esm-bundler.js:1481
Promise.then (async)
registerDep @ runtime-core.esm-bundler.js:1460
mountComponent @ runtime-core.esm-bundler.js:4959
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
mountSuspense @ runtime-core.esm-bundler.js:1203
process @ runtime-core.esm-bundler.js:1180
patch @ runtime-core.esm-bundler.js:4524
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
mountChildren @ runtime-core.esm-bundler.js:4714
processFragment @ runtime-core.esm-bundler.js:4885
patch @ runtime-core.esm-bundler.js:4511
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
(anonymous) @ runtime-core.esm-bundler.js:1481
Promise.then (async)
registerDep @ runtime-core.esm-bundler.js:1460
mountComponent @ runtime-core.esm-bundler.js:4959
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
mountSuspense @ runtime-core.esm-bundler.js:1203
process @ runtime-core.esm-bundler.js:1180
patch @ runtime-core.esm-bundler.js:4524
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
render2 @ runtime-core.esm-bundler.js:5686
mount @ runtime-core.esm-bundler.js:3903
app.mount @ runtime-dom.esm-bundler.js:1593
initApp @ entry.mjs:52
await in initApp (async)
(anonymous) @ entry.mjs:60
Show 93 more frames
runtime-core.esm-bundler.js:38 
        
       [Vue warn]: Unhandled error during execution of setup function 
  at <PrevNext> 
  at <[slug] onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > key="/articles/growth-strategy" > 
  at <BaseTransition mode="out-in" appear=false persisted=false  ... > 
  at <Transition name="page" mode="out-in" > 
  at <RouterView > 
  at <NuxtPage> 
  at <Default > 
  at <AsyncComponentWrapper > 
  at <BaseTransition mode="out-in" appear=false persisted=false  ... > 
  at <Transition name="layout" mode="out-in" > 
  at <Anonymous> 
  at <App key=1 > 
  at <NuxtRoot>
warn2 @ runtime-core.esm-bundler.js:38
logError @ runtime-core.esm-bundler.js:212
handleError @ runtime-core.esm-bundler.js:204
(anonymous) @ runtime-core.esm-bundler.js:1458
Promise.catch (async)
registerDep @ runtime-core.esm-bundler.js:1457
mountComponent @ runtime-core.esm-bundler.js:4959
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
(anonymous) @ runtime-core.esm-bundler.js:1481
Promise.then (async)
registerDep @ runtime-core.esm-bundler.js:1460
mountComponent @ runtime-core.esm-bundler.js:4959
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
mountSuspense @ runtime-core.esm-bundler.js:1203
process @ runtime-core.esm-bundler.js:1180
patch @ runtime-core.esm-bundler.js:4524
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
mountChildren @ runtime-core.esm-bundler.js:4714
processFragment @ runtime-core.esm-bundler.js:4885
patch @ runtime-core.esm-bundler.js:4511
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
mountChildren @ runtime-core.esm-bundler.js:4714
mountElement @ runtime-core.esm-bundler.js:4623
processElement @ runtime-core.esm-bundler.js:4595
patch @ runtime-core.esm-bundler.js:4515
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
(anonymous) @ runtime-core.esm-bundler.js:1481
Promise.then (async)
registerDep @ runtime-core.esm-bundler.js:1460
mountComponent @ runtime-core.esm-bundler.js:4959
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
mountSuspense @ runtime-core.esm-bundler.js:1203
process @ runtime-core.esm-bundler.js:1180
patch @ runtime-core.esm-bundler.js:4524
componentUpdateFn @ runtime-core.esm-bundler.js:5066
run @ reactivity.esm-bundler.js:185
setupRenderEffect @ runtime-core.esm-bundler.js:5185
mountComponent @ runtime-core.esm-bundler.js:4968
processComponent @ runtime-core.esm-bundler.js:4926
patch @ runtime-core.esm-bundler.js:4518
render2 @ runtime-core.esm-bundler.js:5686
mount @ runtime-core.esm-bundler.js:3903
app.mount @ runtime-dom.esm-bundler.js:1593
initApp @ entry.mjs:52
await in initApp (async)
(anonymous) @ entry.mjs:60
Show 87 more frames
PrevNext.vue:6 
        
       Uncaught (in promise) FetchError: 500 Internal Server Error (/api/_content/query?_params={%22where%22:[{%22_path%22:%22--REGEX+/^%5C%5C/articles/%22}],%22only%22:[%22title%22],%22surround%22:{%22query%22:%22growth-strategy%22}}&previewToken)
    at async setup (PrevNext.vue:6:1)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions