[eternalNewbie]

Здравствуйте, у меня есть

let LiteStringParser = {
  parseLineBreak(str) {
    return str;
  },
  parseColor(str) {
    return str;
  },
};

Но я хочу его использовать внутри Vue к примеру так

<div class="textmessage">
          {{
            LiteStringPaser.parseColor(
              LiteStringPaser.parseLineBreak(myTextAlert)
            )
          }}
        </div>

Но куда и как мне поместить опредиление LiteStrtingParser, тоесть в

data() {
    return {
      LiteStringParser: {
        parseLineBreak(str) {
          return str;
        },
        parseColor(str) {
          return str;
        },
      },
    };
  },

- не работает, methods тоже, за пределами Vue - не смогу использовать в {{}}....
в Vue 3 получилось так

setup() {
    const LiteStringParser = {
      parseLineBreak(str) {
        return str;
      },
      parseColor(str) {
        return str;
      },
    };
    return { LiteStringParser };
  },

- но как в Vue 2