Aetae

const [selected, setSelected] = useState('all');

  let filterdTodos;
  switch(selected) {
    case 'all':
      filterdTodos = todos;
      break;
    case 'checked':
      filterdTodos = todos.filter(t => t.checked);
      break;
    case 'notChecked':
      filterdTodos = todos.filter(t => !t.checked);
      break;
  }

const [selected, setSelected] = useState('all');

  const filterdTodos = useMemo(() => {
    switch(selected) {
      case 'all':
        return todos;
      case 'checked':
        return todos.filter(t => t.checked);
      case 'notChecked':
        return todos.filter(t => !t.checked);
    }
  }, [selected, todos])

<select className="todos__filter" onChange={(event) =>setSelected(event.target.value)}>
...
{filterdTodos.map(...)}

export const useAllMainFiltersStore = defineStore('allMainFilters', () => {
  const products = ref([]);

  try {
    async function getStoreData() {
      sidebarResizeStore.updateSidebarVisibility()
      const data = await productsData();
      products.value = data;
    }
    getStoreData()
  } catch (error) {
    console.error('Error:', error);
  }
  
  return {
    products,
  }
})

const route = useRoute();
// продукт делаем вычисляемым, чтоб не городить вотчеров
const product = computed(() => getProductById(route.params.id));

function getProductById(id) {
  console.log('products component: ', mainFiltersStore.products) //при первой загрузке всё ок, при перезагрузке страницы всё ломается и пустой массив в придачу
  return products.find(product => product.id == id);
}

watch(product, current => {
  // проверяем что продукт есть
  if (current) fetchComments(current.id);
}, { immediate: true })

var intxt=document.querySelector('input');
....
if(intxt.value.length<5){
  ....
} else {

interface MutableRefObject<T> {
  prev: null | HTMLParagraphElement; 
}

declare module 'lib-name' {
  interface MutableRefObject<T> {
    prev: null | HTMLParagraphElement; 
  }
}

declare module 'lib-name/full/path/to/declaration.ts' {
  interface MutableRefObject<T> {
    prev: null | HTMLParagraphElement; 
  }
}

interface MySuperMutableRefObject extends MutableRefObject<T> {
  prev?: null | HTMLParagraphElement; 
}

async function multiStep() {
  await step1();
  if (stop) throw new Error(stop);
  await step2();
  if (stop) throw new Error(stop);
  await step3();
  if (stop) throw new Error(stop);
}

function* multiStep() {
  yield step1();
  yield step2();
  yield step3();
}

import { ref, h } from 'vue';

function loadScript(options, root = document.head) {
  return root.appendChild(Object.assign(document.createElement('script'), options));
}

const Comp = defineComponent(() => {
  const root = ref(null);

  onMounted(() => {
    loadScript(
      {
        innerHTML: `
      !(function (a, m, o, c, r, m) {
    (a[o + c] = a[o + c] || {
        setMeta: function (p) {
            this.params = (this.params || []).concat([p]);
        },
    }),
        (a[o + r] =
            a[o + r] ||
            function (f) {
                a[o + r].f = (a[o + r].f || []).concat([f]);
            }),
        a[o + r]({
            id: "....",
            hash: "....",
            locale: "ru",
        }),
        (a[o + m] =
            a[o + m] ||
            function (f, k) {
                a[o + m].f = (a[o + m].f || []).concat([[f, k]]);
            });
})(window, 0, "amo_forms_", "params", "load", "loaded");
      `
      },
      root.value
    );
    loadScript(
      {
        id: 'amoforms_script_...',
        async: 'async',
        charset: 'utf-8',
        src: 'https://forms.amocrm.ru/forms/assets/js/amoforms.js?...'
      },
      root.value
    );
  });

  return () => h('div', { ref: root });
});