This is just a mockup on how to use the Blockies component which I created.

This is the component code: https://github.com/afa7789/BlockiesVue

This is the npm package of it: https://www.npmjs.com/package/blockies-vue

I build this as production with yarn build and copied the built js and css , renamed them and am serving on my website. Check it up here:

https://github.com/afa7789/gofiber-website/blob/master/web/static/css/vue.css

https://github.com/afa7789/gofiber-website/blob/master/web/static/js/vue.js

and added to the html with:

    <div id="app"></div>
    <noscript>
        <p class="text-center text-red-600">
            Please enable JavaScript to see the demo.
        </p>
    </noscript>
    <script src="/public/js/vue.js"></script>
    <link rel="stylesheet" href="/public/css/vue.css">

demo page: https://afa7789.com/vue

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

See Vite Configuration Reference.

npm install

npm run dev

npm run build