<template>
  <div>
    <h-row :gutter="24">
      <h-col :span="12">
        <h-card title="拥有 `admin` 权限用户可看">
          <authority authority="admin" :no-match="true">
            <span>admin</span>
          </authority>
        </h-card>
      </h-col>
      <h-col :span="12">
        <h-card title="拥有 `admin`, `form` 权限的用户可看">
          <authority :authority="['admin', 'form']">
            <span>form | admin</span>
            <h-form>
              <h-form-item label="用户名">
                <h-input />
              </h-form-item>
            </h-form>
          </authority>
        </h-card>
      </h-col>
      <h-col :span="12"></h-col>
    </h-row>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({});
</script>
