Mythril Vue Component Library

Vue component library for the Mythril Design System.

Importing

This also requires the @mythril/css-framework to be included and properly imported.

Importing into Vue

// main.js

...
import '@mythril/vue-library/style.css'
import '@mythril/css-framework/style.css'
...

// SomeComponent.vue

<script setup>

import { SomeLibraryComponent } from '@mythril/vue-library';

</script>

<template>

<SomeLibraryComponent />

</template>

Importing into Nuxt

// TODO - See about making a Nuxt plugin and/or set it up for auto importing

// nuxt.config.ts

export default defineNuxtConfig({
  ...
  css: [
    ...
    '@mythril/vue-library/style.css',
    '@mythril/css-framework/style.css'
    ...
  ]
  ...
})

// SomeComponent.vue

<script setup>

import { SomeLibraryComponent } from '@mythril/vue-library';

</script>

<template>

<SomeLibraryComponent />

</template>