Однозначно ответить на этот вопрос нельзя. Зависит от приложения. К тому же сейчас для третьего вью по дефолту pinia является стором.

Но и при помощи композишн можно организовать подобие vuex стора, ипмпоритируя ref и reacrive из vue.

Можно сделать на основе этого кастомный хук, который будет являтся по логике модулем стора. Как это реализовать, есть примеры в сети.

Самое главное, это понять для чего это нужно использовать. Если в простом изложении, то чтобы организовать связь между компонентами минуя пропс. Связь с реактивными данными. В случае изменения данных в одном месте (клмпоненте), другой компонент отреагирует на это изменение.

Lorem это латинский текст. Если сайт для русскоязычной категории можно взять Яндекс Рефераты. Там тоже текст бессмысленный, но на русском языке и выглядит как настоящий. Можно выбрать тему.

Заголовки можно придумать тематические.

А для какой цели on нужен? Разве в инструкции по v-for из метода данные тягают )
v-for принимает: Array | Object | number | string | Iterable (с версии 2.6)

Как минимум нужно перенести в data, цикле убрать скобки, не забыть про key. И вообще нужна ли реактивность в данном случае.

data () {
    return {
      on: {password: '123', date: 123456},
    }
},