afa7789 / blockies-example

just an usage example of my npm library blockies-vue

Example Blockies

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

To see more of the component check:

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

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

USED in my website.

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

Recommended IDE Setup

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

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build