@v-miniapp/router

@v-miniapp/router là bộ thư viện component React mạnh mẽ được thiết kế đặc biệt cho việc phát triển Router V-MiniApp.

Cài đặt

npm install @v-miniapp/router
# hoặc
pnpm add @v-miniapp/router
# hoặc
yarn add @v-miniapp/router

Import Styles

Đảm bảo bạn import CSS từ phía component để UI hoạt động tốt nhất:

import '@v-miniapp/router/styles.css'

Ví dụ bắt đầu sử dụng

import { Router, type IRouterConfig } from '@v-miniapp/router'

// Tạo các page components
const HomePage = () => {
  return <div>Trang chủ</div>
}

const SettingsPage = () => {
  return <div>Cài đặt</div>
}

const routerConfig: IRouterConfig = {
  // Animation giữa các pages: 'none', 'slide_up', 'slide_left', 'fade_in'
  animation: {
    type: 'slide_left',
  },

  // Keep-alive: giữ state của pages khi navigate
  keepAlive: {
    enable: true,
  },

  pages: [
    {
      pathname: '/home',
      Component: HomePage,
    },
    {
      pathname: '/settings',
      Component: SettingsPage,
    },
  ],
}

export const MiniApp = () => {
  return <Router config={appConfig} />
}