PORT CONTRACT

Vue controlled projection

A local Vue island renders fixed cells through the public provider, grid, selection, and pointer APIs.

Try this

Drag from one cell across another cell.
Read the selected range directly below the grid.
Start another drag to replace the range.

How it works

The caller owns this fixed 4×4 projection, the deterministic backend object, and an isolated Einfach store. The grid receives cells and the selected range as controlled inputs; the pointer-selection API writes the range to that store.

This local demo does not fetch, persist, edit, or calculate workbook data. Its backend methods throw if called so the displayed projection remains explicit.

Availability boundary

This is pre-release repository source, not a published package or independently verified offline installation. It makes no support, compatibility, or performance promise.

View source

<script setup lang="ts">
import { SpreadsheetUiProvider } from '@einfach/vue-excel'
import VueAdapterDemoGrid from './VueAdapterDemoGrid.vue'
import { vueDemoBackend, vueDemoStore } from './vue-adapter-demo-projection'

interface Props {
  locale: 'en' | 'zh'
}

defineProps<Props>()
</script>

<template>
  <SpreadsheetUiProvider :backend="vueDemoBackend" :store="vueDemoStore">
    <VueAdapterDemoGrid :locale="locale" />
  </SpreadsheetUiProvider>
</template>