Navegação do app

Antes de começar, veja Instalação.

A Shopify documenta o <s-app-nav> com filhos <s-link> para a navegação do app; veja o guia de apps incorporados e a referência de app nav da Shopify. Ele também não tem componente React; o guia de migração para React da Shopify diz para renderizá-lo diretamente. Por isso esta biblioteca não tem um componente para ele, e a tag sem wrapper funciona com a regra isCustomElement de s- que já existe.

NavMenu renderiza o antigo ui-nav-menu, para apps que ainda o usam:

<script setup lang="ts">
import { NavMenu } from 'polaris-vue-elements/app-bridge'
</script>

<template>
  <NavMenu>
    <a href="/" rel="home">Home</a>
    <a href="/templates">Templates</a>
  </NavMenu>
</template>

Ainda não foi verificado como qualquer um dos dois elementos funciona em conjunto com o Vue Router.