How the vue project automates viewing the rendered effect of each vue component

want to do something
to get the effect of each vue rendering and take screenshots (of course, some data is missing or because there are a lot of problems in the data state, some things may not be rendered but it is acceptable)
there are quite a lot of questions
1 what technical solution
2 screenshots
3 can you use router.js to automatically open each page in the browser? In the screenshot (can it be implemented)
4 how to parse to which interfaces are used in each vue file
actually, the trouble is that I don"t know what technical solution to implement

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3e2f3-2c3ed.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3e2f3-2c3ed.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?