echo -n "текущее количество нескрытых файлов и директорий в /usr/bin равно:" > results.txt | ls /usr/bin  | wc -l >>  results.txt

Это стандартное поведение компонента <NuxtPage /> и не является проблемой, он внутри себя использует <RouterView /> из vue-router в который добавляется внутренняя логика Nuxt (например добавление Transitions если они указаны в настройках). Anonymous Component на самом деле - компонент RouteProvider, который занимается перерисовкой страниц. В общем, просто обертка фреймворка для роутинга.

RouteProvider добавляется тут. Код самого провайдера можно тут посмотреть.

Тормозить начинает из-за большого количества нод в dom дереве. Решается использование "виртуального скролла", суть которого заключается в отрисовки только видимых элементов.

Подробнее - https://www.patterns.dev/vanilla/virtual-lists

Утилита для Vue - https://vueuse.org/core/useVirtualList/

Чтобы напрямую вызывать методы инстанса компонента, нужно методы сделать публичными. Для этого есть expose в Options API и defineExpose для Composition API

Child.vue

<script setup>
const foo = ref('foo')
const bar = () => console.log('bar')

defineExpose({
  foo,
  bar,
})
</script>

Parent.vue

<template>
  <Child ref="child" />
</template>

<script setup>
const child = ref(null);

onMounted(() => {
  console.log(child.value.foo)
  console.log(child.value.bar())
})
</script>

Т. е. без доработок код из этого репозитория не заработает

export const Footer = (props?: IFooterProps) => {
    return (
        <View style={styles.container}>
            {props && props.button ? (
              <>
                 <RNHoleView style={styles.background} holes={[hole]}>
                      <View style={styles.maskBorder}></View>
                  </RNHoleView>
                  {props.button}
               </>
            ) : (
              <View style={styles.background}></View>
            )}
        </View>
    );
};