useRouteView

Look up the component currently matched for a given named view. The composable walks the matched records from outermost to innermost, and returns the first record whose components map contains the requested name.

Importing

import { useRouteView } from '@basmilius/common';

Usage

<script setup lang="ts">
    import { useRouteView } from '@basmilius/common';

    const sidebar = useRouteView('sidebar');
</script>

<template>
    <component v-if="sidebar" :is="sidebar"/>
</template>

The argument can be a static string or a Ref<string> to switch named views at runtime.

Type signature

declare function useRouteView(
    nameRef: Ref<string> | string
): ComputedRef<RouteComponent | null>;

See also

• useNamedRoute
• useIsView