#25 Using script setup instead and clean up unused variable

src/views/main/CreatorFolio.vue

@@ -475,44 +475,24 @@
 import DefaultLayout from '@/layouts/DefaultLayout.vue';
 import FooterLayout from '@/layouts/FooterLayout.vue';
 import StripePayment from '../StripePayment.vue';
+
+
+let imageSrc = '../../../images/guillaimeaime3x.png';
+let profilePicture = '../../../images/guillaume.png';
+
+let name = 'Guillaume Mousseau'
+let title = 'Créateur de contenus'
+let drawerbottom = false
+let navigationItems = [
+    { icon: 'mdi-home', text: 'Accueil', link: 'home' },
+    { icon: 'mdi-account-group', text: 'Amis', link: '/contact' },
+    { icon: 'mdi-file-document-outline', text: 'Contenu', link: '/creatorfolio' }
+];
+let tools = [
+  { icon: 'mdi-wallet', text: 'Bourse', link: '/portefeuille' },
+]
 </script>
 
-<script>
-export default {
-  data() {
-    return {
-      imageSrc: '../../../images/guillaimeaime3x.png',
-      profilePicture: '../../../images/guillaume.png',
-      name: 'Guillaume Mousseau',
-      title: 'Créateur de contenus',
-      facebookLink: 'www.facebook.com',
-      instagramLink: 'www.instagram.com',
-      xLink: 'x.com',
-      tiktokLink: 'tiktok.com',
-      drawer: false,
-      drawerbottom: false,
-
-      items: [
-        { title: 'Item 1' },
-        { title: 'Item 2' },
-        { title: 'Item 3' },
-      ],
-      navigationItems: [
-        { icon: 'mdi-home', text: 'Accueil', link: 'home' },
-        { icon: 'mdi-account-group', text: 'Amis', link: '/contact' },
-        { icon: 'mdi-file-document-outline', text: 'Contenu', link: '/creatorfolio' }
-      ],
-      tools: [
-        { icon: 'mdi-wallet', text: 'Bourse', link: '/portefeuille' },
-      ]
-    };
-  },
-};
-</script>
-
-
-
-
 <style scoped>
 .Hutopy-menu-sticky {
   position: sticky;