@ind-ds/vue

Vue 3 wrappers for @ind-ds/core web components — typed components with v-model support for an industrial HMI/SCADA design system.
1,040
vue vue3 vue-components design-system web-components ui-kit industrial hmi scada isa-18.2
Install
npm install @ind-ds/vue
Latest Version:0.4.0
Vue:3
License:MIT
Last Updated:Oct 9, 2026
Links: GitHub  ·  npm
Maintainer: christophe77

@ind-ds/vue

Vue 3.3+ wrappers around @ind-ds/core web components. Auto-generated by @stencil/vue-output-target on every core build into src/generated/components.ts — never hand-edit the generated proxies.

Usage

<script setup lang="ts">
import { IndLed } from '@ind-ds/vue';
import { computed } from 'vue';

const props = defineProps<{ running: boolean; fault: boolean }>();
const state = computed(() => (props.fault ? 'fault' : props.running ? 'running' : 'stopped'));
</script>

<template>
  <IndLed :state="state" :blinking="fault" label="Pump P-101" />
</template>

Custom elements are registered lazily on first mount, so SSR (Nuxt) doesn't choke during render.

Regenerating

pnpm --filter @ind-ds/core build
pnpm --filter @ind-ds/vue build

Related Packages

@63pokupki/design-system

UI component kit and design-system for 63 Pokupki project

32,580 5
design-system ui-kit components-kit
@arclux/arc-ui-vue

Vue 3 wrappers for ARC UI Web Components.

9,166 5
design-system vue web-components arclight
@unofficialbox/box-open-elements-vue

Typed Vue adapters for box-open-elements Web Components.

9,141 0
design-system vue web-components box
cindor-ui-vue

Thin Vue wrappers for the Cindor web component library.

8,418 0
design-system vue web-components cindor
modular-ui-kit-vue

A modular, lightweight UI kit built with Vue 3, Pinia, and TypeScript.

5,374 1
design-system ui-kit vue vue-components vue3 component-library frontend pinia responsive-ui sass +1

Version History

Version Released Vue License
0.4.0 >=3.3 MIT
0.3.0 >=3.3 MIT
0.2.1 >=3.3 MIT
0.2.0 >=3.3 MIT
0.1.1 >=3.3 MIT