No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

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>