@sirusdev/prescription-editor-nuxt-vuetify

prescription editor for nuxt framework + vuetify

Usage no npm install needed!

<script type="module">
  import sirusdevPrescriptionEditorNuxtVuetify from 'https://cdn.skypack.dev/@sirusdev/prescription-editor-nuxt-vuetify';
</script>

README

@sirusdev/prescription-editor-nuxt-vuetify

prescription editor input component for nuxt frameworks + vuetify

Quick Start

this module can only be used on typescript environment, check nuxt typescript module documentation to setup one.

After all in placed, follow these simple steps

  1. install this modules using npm CLI

    npm i @sirusdev/prescription-editor-nuxt-vuetify
    
  2. register this modules on consumer configuration nuxt.config.ts

    buildModules: [
      ...
      '@sirusdev/prescription-editor-nuxt-vuetify'
    ]
    ...
    
  1. add typings on tsconfig.json to enable intellisense features

    "types": [
      ...
      "@sirusdev/prescription-editor-nuxt-vuetify"
    ]
    
  2. prescription editor input will available globally, and can be used on any components or pages

    <sirus-prescription-editor
      v-model="prescription"
      :disabled="disabled"
      :external-labels="externalLabels"
      class="flex-grow-1"
    />
    

    controller

    @Component
    export default class IndexPage extends Vue {
      prescription = ''; // prescription in string
      disabled = false; // disable status
      externalLabels = []; // labels to be added at the beginning of prescription
    }