it not trigger event in vue3

[a1067111756]

 environment：
     "dependencies": {
    "@iconify/iconify": "^2.2.1",
    "vue": "^3.2.25"
    },
    "devDependencies": {
      "@iconify/json": "^2.1.33",
      "@vitejs/plugin-vue": "^2.3.1",
      "typescript": "^4.5.4",
      "vite": "^2.9.5",
      "vite-plugin-purge-icons": "^0.8.1",
      "vue-tsc": "^0.34.7"
    }

---------------------------------------------------------------------------------------------------------------------------
  code:
    <template>
      <span class="iconify" data-icon="fa:home" @click="onTest"></span>
    </template>

    <script setup lang="ts">
      const onTest = () => {
        alert('icon click ok!')
      }
    </script>

    <style>
    #app {
      font-family: Avenir, Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      color: #2c3e50;
      margin-top: 60px;
    }
    </style>

---------------------------------------------------------------------------------------------------------------------------
  question:
    click event not trigger，I looked up the @iconify/iconify issue and found this discussion，@iconify/iconify is to support vue3 event 
    delivery，Please help me to see if this problem is caused by purge-icons？