Convert html-like translation strings into scoped-slot-compatible chunks

parseStringIntoChunks.js

/*
* "foo<bar>baz</bar>qux" => ['foo', ['bar', 'baz'], 'qux']
* "<bar/>" => [['bar', '']]
* */
function parseStringIntoChunks(string) {
  const chunks = [];

  let buffer = '';
  let currentTag = '';
  let currentTagContent = '';
  let isTagToken = false;
  let isContent = false;

  for (let i = 0; i < string.length; i += 1) {
    const token = string[i];

    if (token === '<') {
      isTagToken = true;
      // Если мы закончили набивать контент то закрывающий тег можно скипнуть
      if (isContent) {
        chunks.push([currentTag, currentTagContent]);
        i += currentTag.length + 2;
        currentTag = '';
        currentTagContent = '';
        isTagToken = false;
        isContent = false;
      } else if (buffer) {
        chunks.push(buffer);
        buffer = '';
        isTagToken = true;
      }
      continue;
    }

    if (token === '>') {
      isTagToken = false;
      isContent = true;
      continue;
    }

    // Самозакрывающийся тег
    if (token === '/' && isTagToken) {
      isTagToken = false;
      isContent = false;
      chunks.push([currentTag.trim()]);
      currentTag = '';
      i += 1;
      continue;
    }

    if (isTagToken) {
      currentTag += token;
    } else if (isContent) {
      currentTagContent += token;
    } else {
      buffer += token;
    }
  }

  if (buffer) chunks.push(buffer);

  return chunks;
}