vue-mdijs

Vue-Mdijs

Vue component wrapper for @mdi/js

Installation

If you're using Vue 3 click here

// NPM
npm i @mdi/js vue-mdijs

// Yarn
yarn add @mdi/js vue-mdijs

Usage

main.js

import Vue from 'vue'
import VueMdijs from 'vue-mdijs'
import { mdiMagnify } from '@mdi/js'

VueMdijs.add({ mdiMagnify })
Vue.use(VueMdijs)

app.vue

<template>
    <div id="app">
        <v-mdi name="mdi-magnify"></v-mdi>
        <v-mdi name="mdi-magnify" fill="green"></v-mdi>
    </div>
</template>

With path prop

<template>
    <v-mdi :path="mdiMagnify"></v-mdi>
</template>
<script>
import { mdiMagnify } from '@mdi/js';

export default {
    setup() {
        return {
            mdiMagnify,
        };
    },
};
</script>

Props