Nuxt•14mo ago•

23 replies

SSR friendly usePreviousRoute()?

Say a visitor goes to a blog category page at

/cat/tutorials

/cat/tutorials

and then clicks on a blog post going to

/article/hello

/article/hello

. The can also reach to

/article/hello

/article/hello

from other categories like

/cat/videos

/cat/videos

. Now I want to create breadcrumbs that would show

Posts > Tutorials > Hello

Posts > Tutorials > Hello

Posts > Videos > Hello

Posts > Videos > Hello

providing the use navigation path. There will also be a default one if a user directly accesses the article page. How would you go about that?
I was thinking maybe it is possible to access the

from

from

of the routeMiddleware?

<!-- the <Article> component -->
<script setup lang="ts">
definePageMeta({
  middleware: [
    function (to, from) {
      // somehow make the from available to the component
    },
    'auth',
  ],
});

// then access the `from` here and build the breadcrumbs
</script>

<!-- the <Article> component -->
<script setup lang="ts">
definePageMeta({
  middleware: [
    function (to, from) {
      // somehow make the from available to the component
    },
    'auth',
  ],
});

// then access the `from` here and build the breadcrumbs
</script>

Nuxt•14mo ago•

23 replies

Alireza

SSR friendly usePreviousRoute()?

Say a visitor goes to a blog category page at

/cat/tutorials

/cat/tutorials

and then clicks on a blog post going to

/article/hello

/article/hello

. The can also reach to

/article/hello

/article/hello

from other categories like

/cat/videos

/cat/videos

. Now I want to create breadcrumbs that would show

Posts > Tutorials > Hello

Posts > Tutorials > Hello

Posts > Videos > Hello

Posts > Videos > Hello

providing the use navigation path. There will also be a default one if a user directly accesses the article page. How would you go about that?
I was thinking maybe it is possible to access the

from

from

of the routeMiddleware?

<!-- the <Article> component -->
<script setup lang="ts">
definePageMeta({
  middleware: [
    function (to, from) {
      // somehow make the from available to the component
    },
    'auth',
  ],
});

// then access the `from` here and build the breadcrumbs
</script>

<!-- the <Article> component -->
<script setup lang="ts">
definePageMeta({
  middleware: [
    function (to, from) {
      // somehow make the from available to the component
    },
    'auth',
  ],
});

// then access the `from` here and build the breadcrumbs
</script>

SSR friendly usePreviousRoute()?

Similar Threads

SSR friendly usePreviousRoute()?

Similar Threads

Similar Threads

Similar Threads