Skip to content

Commit b456d73

Browse files
demos. remove type assertion in props value in Vue template
1 parent 448d48f commit b456d73

3 files changed

Lines changed: 6 additions & 4 deletions

File tree

apps/demos/Demos/FilterBuilder/WithDataGrid/Vue/App.vue

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
:data-source="dataSource"
1717
:filter-value="gridFilterValue"
1818
:show-borders="true"
19-
:columns="fields as DxDataGridTypes.Column[]"
19+
:columns="gridColumns"
2020
:height="300"
2121
/>
2222
</div>
@@ -30,6 +30,7 @@ import { DataSource, ODataStore } from 'devextreme-vue/common/data';
3030
import { filter, fields } from './data.ts';
3131
3232
const filterValue = ref(filter);
33+
const gridColumns = fields as DxDataGridTypes.Column[];
3334
const gridFilterValue = ref(filter);
3435
const dataSource = new DataSource({
3536
store: new ODataStore({

apps/demos/Demos/Stepper/Overview/Vue/App.vue

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
:id="config.id"
1515
:element-attr="{ 'aria-labelledby': config.labelId }"
1616
:selected-index="2"
17-
:orientation="orientation as Orientation"
17+
:orientation="orientation"
1818
:linear="navigationMode"
1919
:select-on-focus="selectOnFocus"
2020
:rtl-enabled="rtlMode"
@@ -75,7 +75,6 @@ import { ref } from 'vue';
7575
import { DxStepper, DxItem } from 'devextreme-vue/stepper';
7676
import { DxButtonGroup, type DxButtonGroupTypes } from 'devextreme-vue/button-group';
7777
import { DxCheckBox } from 'devextreme-vue/check-box';
78-
import { type Orientation } from 'devextreme-vue/common';
7978
import { steps, orientations, navigationModes } from './data.ts';
8079
8180
const orientation = ref(orientations[0].value);

apps/demos/Demos/Stepper/Overview/Vue/data.ts

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
import { type Orientation } from "devextreme-vue/common";
2+
13
export const steps = [
24
{
35
text: 'A',
@@ -27,7 +29,7 @@ export const steps = [
2729
},
2830
];
2931

30-
export const orientations = [
32+
export const orientations: Array<{ text: string; value: Orientation }> = [
3133
{ text: 'Horizontal', value: 'horizontal' },
3234
{ text: 'Vertical', value: 'vertical' },
3335
];

0 commit comments

Comments
 (0)