AI/Cursor is really bad with closing html tags

It keeps trying again and again to find out which closing tag is missing! And sometimes starts to do something else after few failed tries.

It happens after it is done with making changes it needs.

Hi, you should stop the model when it starts doing this circular changes.

Note that the file is too large at 1800+ lines. Its recommended to keep the files under 500 lines.

This is a known issue when

  • files are too large it is hard for AI to edit the file or
  • context/chat gets long and reaches the context limit or
  • when there is some conflicting information within the context,
    then AI gets confused.

You can ask the AI to separate the functionality into smaller files with either:

  • Single File Components or
  • Composition API or
  • Vuex for State Management or
  • using Vue Router
    But this depends mostly on your project.

Make sure to ask AI to use SOLID and SRP, both of those tell the AI to separate structure into manageable separate parts that focus only on specific functionality so it does not become messy :slight_smile:

1 Like