in

Qiskit UI Component Library For Vue 2 and Vue 3


Qiskit Vue

Qiskit component library for Vue 2 and Vue 3.

Installation

Install the required dependencies:

npm install @qiskit-community/qiskit-vue vue-demi

If your project uses Vue 2, also install the Composition API package:

npm install @vue/composition-api

Usage in Vue 2 project

Example:

<template>
  <QLogo />
</template>

<script lang="ts">
import Vue from 'vue'
import { Component } from 'vue-property-decorator'
import QLogo from '@qiskit-community/qiskit-vue/src/components/QLogo/index.vue'

@Component({
  components: { QLogo }
})
export default class MyComponent extends Vue {}
</script>

Usage in Vue 3 project

Example:

<template>
  <QLogo />
</template>

<script lang="ts">
import { Options, Vue } from 'vue-class-component'
import QLogo from '@qiskit-community/qiskit-vue'

@Options({
  components: { QLogo }
})
export default class MyComponent extends Vue {}
</script>

Development

Project setup

npm install

Run Storybook

npm run dev

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint




Leave a Reply

Your email address will not be published. Required fields are marked *

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

GIPHY App Key not set. Please check settings

Create react app vs Vite

Telecom Operator Arrangements Critical to Disney+ Hotstar