feat: upgrade vite

components/ProfileItem.vue

@@ -11,6 +11,7 @@
         </div>
         <div class="gif" v-if="profile.hasGif">GIF</div>
         <img
+            src="../assets/card-placeholder.png"
             v-lazyload="profile.previewImageUrl"
             :alt="profile.nickName"
             :style="{ '--image-height': `-${profile.height / 2}px` }"

libs/lazyload.directive.ts

@@ -3,10 +3,10 @@ import { App } from 'vue'
 export default function install(app: App) {
     app.directive('lazyload', {
         beforeMount(el) {
-            if (!el.src) {
-                // placeholder
-                el.setAttribute('src', 'assets/card-placeholder.png')
-            }
+            // if (el.src && el.src.indexOf('placeholder') !== -1) {
+            //     // placeholder
+            //     el.setAttribute('src', 'assets/card-placeholder.png')
+            // }
         },
         mounted (el, binding) {
             const intersectionObserver = new IntersectionObserver(function(entries) {

package.json

@@ -10,9 +10,10 @@
     "vue": "^3.0.0-rc.5"
   },
   "devDependencies": {
+    "@vitejs/plugin-vue": "^1.1.0",
     "@vue/compiler-sfc": "^3.0.0-rc.5",
     "less": "^3.12.2",
-    "vite": "^1.0.0-rc.13"
+    "vite": "^2.0.0-beta.35"
   },
   "repository": {
     "type": "git",

vite.config.js

@@ -1,5 +1,6 @@
 const fs = require('fs')
 const path = require('path')
+const vue = require('@vitejs/plugin-vue')
 
 // https://github.com/vitejs/vite/pull/1218
 function fixFaviconBugPlugin() {
@@ -24,6 +25,7 @@ function fixFaviconBugPlugin() {
 module.exports = {
     assetsDir: 'assets',
     plugins: [
-        fixFaviconBugPlugin()
+        vue(),
+        // fixFaviconBugPlugin()
     ]
-}
+}