Add feather icons

Author: zlrundefined

package-lock.json

@@ -11,6 +11,7 @@
     "@tailwindcss/postcss7-compat": "^2.0.2",
     "autoprefixer": "^9",
     "core-js": "^3.6.5",
+    "feather-icons": "^4.28.0",
     "postcss": "^7",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-import": "^14.0.2",

package.json

@@ -1,15 +1,23 @@
 <template>
   <div class="hello">
     <h1>{{ msg }}</h1>
-    
+    <i data-feather="home"></i>
   </div>
 </template>
 
 <script>
+import feather from 'feather-icons'
+
 export default {
   name: 'Home',
   props: {
     msg: String
+  },
+  mounted() {
+    feather.replace();
+  },
+  updated() {
+    feather.replace();
   }
 }
 </script>

src/components/Home.vue

@@ -2,4 +2,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import './assets/css/tailwind.css'
 
+const feather = require('feather-icons')
+feather.replace()
+
 createApp(App).mount('#app')