Skip to content

Beta

Estos componentes de App Bridge son nuevos y aún no se han probado en un admin de Shopify real. Durante la beta, su API puede cambiar en una versión menor. Si algo no funciona, abre un issue.

Navegación de la app ​

Antes de empezar, consulta Instalación.

Shopify documenta <s-app-nav> con hijos <s-link> para la navegación de la app; consulta la guía de apps integradas y la referencia de app nav de Shopify. Tampoco tiene componente de React; la guía de migración a React de Shopify indica que se renderice directamente. Por eso esta biblioteca no tiene un componente para él, y la etiqueta sin wrapper funciona con la regla isCustomElement de s- que ya existe.

NavMenu renderiza el antiguo ui-nav-menu, para las apps que todavía lo usan:

vue
<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>

Todavía no se ha verificado cómo funciona cualquiera de los dos elementos junto con Vue Router.

Publicado bajo la licencia MIT. Logo de Vue por Evan You, CC BY-NC-SA 4.0.