Recursive preview

src/components/Projects/projectList.ts

@@ -1,3 +1,4 @@
+import type { JSXElement } from 'solid-js';
 import flexpatrolPreview from '../../assets/projects/flexpatrolPreview.png';
 import gamesPreview from '../../assets/projects/gamesPreview.png';
 import warframePreview from '../../assets/projects/warframePreview.png';
@@ -6,6 +7,7 @@ import studybuddyPreview from '../../assets/projects/studybuddyPreview.png';
 import mockupPreview from '../../assets/projects/mockupPreview.png';
 import vkmutePreview from '../../assets/projects/vkmutePreview.png';
 import musanthropePreview from '../../assets/projects/musanthropePreview.png';
+import RecursivePreview from './RecursivePreview';
 
 import {
   Icon, npm, extension, pwa, github
@@ -13,7 +15,7 @@ import {
 
 export class Project {
   name: string;
-  preview: string;
+  preview: string | (() => JSXElement);
   link: string;
   repo?: string;
   npm?: string;
@@ -50,6 +52,12 @@ export default [
     descriptionSlug: 'worktime_desc',
     icons: [ pwa, github ]
   }),
+  new Project({
+    name: 'This website',
+    preview: RecursivePreview,
+    link: 'https://kopyl.dev',
+    descriptionSlug: 'this_desc'
+  }),
   new Project({
     name: 'VK Mute',
     preview: vkmutePreview,