Migrate the FtListVideo component to the composition API (#9413)

Author: absidue

src/renderer/components/FtCommunityPost/FtCommunityPost.vue

@@ -175,7 +175,7 @@ import autolinker from 'autolinker'
 import { A11y, Navigation, Pagination } from 'swiper/modules'
 import { computed, onMounted, useTemplateRef } from 'vue'
 
-import FtListVideo from '../ft-list-video/ft-list-video.vue'
+import FtListVideo from '../FtListVideo/FtListVideo.vue'
 import FtListPlaylist from '../FtListPlaylist/FtListPlaylist.vue'
 import FtCommunityPoll from '../FtCommunityPoll/FtCommunityPoll.vue'
 import FtShareButton from '../FtShareButton/FtShareButton.vue'

src/renderer/components/FtListLazyWrapper/FtListLazyWrapper.vue

@@ -66,7 +66,7 @@ import { computed, ref } from 'vue'
 
 import { handleDragAndDrop } from '../../helpers/dragAndDrop'
 
-import FtListVideo from '../ft-list-video/ft-list-video.vue'
+import FtListVideo from '../FtListVideo/FtListVideo.vue'
 import FtListChannel from '../FtListChannel/FtListChannel.vue'
 import FtListPlaylist from '../FtListPlaylist/FtListPlaylist.vue'
 import FtCommunityPost from '../FtCommunityPost/FtCommunityPost.vue'

…ponents/ft-list-video/ft-list-video.scss …/components/FtListVideo/FtListVideo.scsssrc/renderer/components/ft-list-video/ft-list-video.scss renamed to src/renderer/components/FtListVideo/FtListVideo.scss src/renderer/components/ft-list-video/ft-list-video.scss renamed to src/renderer/components/FtListVideo/FtListVideo.scss

@@ -31,6 +31,10 @@
   aspect-ratio: 16/9 auto;
 }
 
+.blur {
+  filter: blur(20px);
+}
+
 .videoTagLine {
   margin-block-start: 3px;
 }