Practical Exercise: Thread Application

Task

Develop a secure feature in Vue.js that displays user-generated content, such as “Forum Thread,” ensuring it is free from XSS vulnerabilities.

Instructions

• Build a feature in Vue.js where users can create a “Thread” (some text that can be styled, think of a tweet), and other users can reply and comment on that thread.

• Build a textarea component that allows basic styling (Bold, Underline, Italic) and a button that saves the thread to localStorage.

• Show the threads added in a ThreadListComponent with the option to reply to the thread.

• After adding a “Reply,” show it below the thread.

• Make sure the components are free of XSS vulnerabilities.

Coding playground