Adds edition of slug.

frontend/src/views/profile/ProfilePage.vue

@@ -7,6 +7,8 @@ import AliasDialog from "@/views/profile/account/AliasDialog.vue";
 import FullnameDialog from "@/views/profile/account/FullnameDialog.vue";
 import EmailDialog from "@/views/profile/account/EmailDialog.vue";
 import ChangeStripeIdDialog from '@/views/profile/creators/ChangeStripeIdDialog.vue';
+import ChangeNameDialog from '@/views/profile/creators/ChangeNameDialog.vue';
+import ChangeSlugDialog from '@/views/profile/creators/ChangeSlugDialog.vue';
 import ChangeTitleDialog from '@/views/profile/creators/ChangeTitleDialog.vue';
 import Youtube from "@/views/svg/Youtube.vue";
 import Web from "@/views/svg/Web.vue";
@@ -75,6 +77,8 @@ const currentComponent = ref('');
 const componentsMap = {
   EmailDialog,
   SocialsDialog,
+  ChangeSlugDialog,
+  ChangeNameDialog,
   ChangeTitleDialog,
   ChangeStripeIdDialog,
 };
@@ -174,15 +178,15 @@ const closeDialog = () => {
           <div class="content">
 
             <!-- NAME -->
-            <button class="action">
+            <button class="action"  @click="openDialog('ChangeNameDialog')">
               <span class="label">{{ $t('creatorinfopage.name') }}</span>
               <span class="value">{{ creatorProfileStore.creator.name }}</span>
               <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
             </button>
             
-            <button class="action">
+            <button class="action" @click="openDialog('ChangeSlugDialog')">
               <span class="label">{{ $t('creatorinfopage.slug') }}</span>
-              <span class="value">{{ creatorProfileStore.creator.slug }}</span>
+              <span class="value">@{{ creatorProfileStore.creator.slug }}</span>
               <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
             </button>
 
@@ -332,7 +336,7 @@ const closeDialog = () => {
 }
 
 .value {
-  @apply flex-auto text-left pr-6 capitalize;
+  @apply flex-auto text-left pr-6;
   @apply break-words overflow-auto;
 }