Как правильно разбить число на разряды vue js?

Question

[Алексей]

Приветствую, у меня имеется фильтр

filters: {
    	format: val => `${val}`.replace(/(\d)(?=(\d{3})+([^\d]|$))/g, '$1 '),
 },

И интерполяция {{ value.pre_sum }}
Преображаю интерполяцию {{ value.pre_sum| format }} и выходит такая ошибка в консоль, не могу разобраться, помогите пожалуйста.
vue@next:1287 [Vue warn]: Property "format" was accessed during render but is not defined on instance.
at

Comments

[Алексей]

Вот моя конструкция app.js

const App = {
	data() {
		return {
			nodes: ['ssdads','sadadasda','sdadas'],
			flats: {
				'flats 1': {
			      rooms: '1',
			      image: 'img/flat1.png',
			      title: '2-к квартира',
			      paremetrs : {
			      		'этаж': '3 из 19',
			      		'Общая площадь': '32,24 м²',
			      		'Высота потолков': '3,2 м',
			      		'Жилая площадь': '22,24 м²',
			      		'Отделка': 'Предчистовая',
			      		'Площадь кухни': '14,24 м²'
			      },
			      date: '19 сентября',
			      pre_sum: 3612616,
			      total_sum: 3312666
			    },
			    'flats 2': {
			      rooms: '1',
			      image: 'img/flat1.png',
			      title: '3-к квартира',
			      paremetrs : {
			      		'этаж': '3 из 19',
			      		'Общая площадь': '32,24 м²',
			      		'Высота потолков': '3,2 м',
			      		'Жилая площадь': '22,24 м²',
			      		'Отделка': 'Предчистовая',
			      		'Площадь кухни': '14,24 м²'
			      },
			      date: '19 сентября',
			      pre_sum: 3712696,
			      total_sum: 3312666
			    },
			    'flats 3': {
			      rooms: '1',
			      image: 'img/flat1.png',
			      title: '1-к квартира',
			      paremetrs : {
			      		'этаж': '3 из 19',
			      		'Общая площадь': '32,24 м²',
			      		'Высота потолков': '3,2 м',
			      		'Жилая площадь': '22,24 м²',
			      		'Отделка': 'Предчистовая',
			      		'Площадь кухни': '14,24 м²'
			      },
			      date: '19 сентября',
			      pre_sum: 3412626,
			      total_sum: 3312666
			    }
			}
		}
	},
	methods: {
		removeFlat(index) {
			delete this.flats[index];
		}
	},
	filters: {
    	format: val => `${val}`.replace(/(\d)(?=(\d{3})+([^\d]|$))/g, '$1 '),
  	},
}
Vue.createApp(App).mount('#app')

[tantumus21]

Vue3? Фильтры там больше не используются

Answer 1

[0xD34F]

filters: {

vue@next

Интересно, что по этому поводу говорит документация? А вот что:

In 3.x, filters are removed and no longer supported. Instead, we recommend replacing them with method calls or computed properties.