tab-size prop seems to do nothing

[alabastor95]

Hello!

Tab-size seems to be 2 event when changing it. Here is an example code (I hope it's reproducible):

<script setup>
  import { ref } from 'vue';
  import CodeMirror from 'vue-codemirror6';
  import {python} from '@codemirror/lang-python'

  const lang=python()
  const tabsize = ref(10)

  const value = ref(`# Python program to check if the input number is odd or even.
# A number is even if division by 2 gives a remainder of 0.
# If the remainder is 1, it is an odd number.

num = int(input("Enter a number: "))
if (num % 2) == 0:
   print("{0} is Even".format(num))
else:
   print("{0} is Odd".format(num))`);

</script>

<template>
    <code-mirror v-model="value" :lang="lang" basic tab :tab-size="tabsize"/>
</template>

[tiagobpires]

@alabastor95 I'm facing the same problem here. Did you find any solution?

[tiagobpires]

@alabastor95 I don't know if it was your case, but I was able to achieve my goal (set the number of spaces when pressing "Tab") by following this

The behavior I wanted was achieved by indentUnit

[logue]

The feature request is to be able to specify the tab character.