✨ feat: change Vue Fluid DnD name for Fluid DnD

Author: carlosjorger

src/components/Work/Work.astro

@@ -74,11 +74,11 @@ const { PROJECTS_TITLE, PROJECTS_TITLE_AFTER_BR, PROYECTS } = Astro.props;
 
 const projects = [
 	{
-		id: 'vue-fluid-dnd',
-		title: 'Vue Fluid DnD',
-		githubLink: 'https://github.com/carlosjorger/vue-fluid-dnd/',
+		id: 'fluid-dnd',
+		title: 'Fluid DnD',
+		githubLink: 'https://github.com/carlosjorger/fluid-dnd/',
 		imageSrc: '[&.visibleImg]:bg-vuefluiddnd',
-		website: 'https://vue-fluid-dnd.netlify.app/',
+		website: 'https://fluid-dnd.netlify.app/',
 		...PROYECTS.VUE_FLUID_DND,
 		tags: [TAGS.VUE, TAGS.TYPESCRIPT],
 	},

src/i18n/en.json

@@ -48,8 +48,8 @@
 			"anchorLabel": "See my portfolio github project"
 		},
 		"VUE_FLUID_DND": {
-			"description": "<strong>Vue Fluid DnD</strong> is a <b>vue3</b> <em>drag and drop</em> library to sort all kind of lists.",
-			"anchorLabel": "See VueFluidDnD my drag and drop librery github project"
+			"description": "<strong>Fluid DnD</strong> is a <b>agnostic</b> <em>drag and drop</em> library to sort all kind of lists.",
+			"anchorLabel": "See Fluid DnD my drag and drop librery github project"
 		}
 	},
 	"EXPERIENCE": [

src/i18n/es.json

@@ -48,8 +48,8 @@
 			"anchorLabel": "Mira el proyecto de github de mi portafolio"
 		},
 		"VUE_FLUID_DND": {
-			"description": "<strong>Vue Fluid DnD</strong> es una librería de <i>drag and drop</i> de <b>vue3</b> para ordenar listas.",
-			"anchorLabel": "Mira VueFluidDnD, mi librería de drag and drop en github"
+			"description": "<strong>Fluid DnD</strong> es una librería de <i>drag and drop</i> <b>agnóstica</b> para ordenar listas.",
+			"anchorLabel": "Mira Fluid DnD, mi librería de drag and drop en github"
 		}
 	},
 	"EXPERIENCE": [

src/layouts/Layout.astro

@@ -20,7 +20,7 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
 		<meta name="description" content={SEO_DESCRIPTION} />
 		<meta
 			name="keywords"
-			content="HTML,CSS,JavaScript,Github,Repository,Portfolio,Website,Github Page,Cuvimaker,Rusty Copier,Vue Fluid DnD"
+			content="HTML,CSS,JavaScript,Github,Repository,Portfolio,Website,Github Page,Cuvimaker,Rusty Copier,Vue Fluid DnD, Fluid DnD"
 		/>
 		<meta name="author" content="carlosjorger" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

src/pages/posts/como-crear-una-librer-a-para-vue3.md

@@ -10,7 +10,7 @@ image:
 
 Estas interesado en ir un paso más allá de crear un producto; estás frustrado de que el ecosistema de **Vue** no es tan rico como el de **React** en cuanto a librerías, frameworks, etc y quieres contribuir a este. Una buena idea podría ser crear tu propia librería donde podrías reutilizar tus propias componentes, composable o módulos js/ts.
 
-En este presente articulo plasmaré mis experiencia creando la librería de drad and drop [vue-fluid-dnd](https://github.com/carlosjorger/vue-fluid-dnd) para **Vue3** en la que actualmente estoy trabajando desde 0 usando **Vite** y **Typescript**. A diferencia de muchos artículos en internet voy a ir un paso más allá explicando un poco más algunos detalles de la configuración de nuestro proyecto que me hubiera gustado encontrarme cuando era un principiante.
+En este presente articulo plasmaré mis experiencia creando la librería de drad and drop [fluid-dnd](https://github.com/carlosjorger/fluid-dnd) para **Vue3** en la que actualmente estoy trabajando desde 0 usando **Vite** y **Typescript**. A diferencia de muchos artículos en internet voy a ir un paso más allá explicando un poco más algunos detalles de la configuración de nuestro proyecto que me hubiera gustado encontrarme cuando era un principiante.
 
 ### Creando el proyecto
 

src/pages/posts/enriquece-el-drag-and-drop-de-tu-aplicacion-de-vue-3-con-vue-fluid-dnd.md

@@ -10,7 +10,7 @@ image:
 
 En las aplicaciones web que usan frameworks reactivos como **vue**, **react**, **angular**, etc es muy común la necesidad de organizar listas u otras colecciones de elementos ordenándolas o añadiendo, eliminando o trasladando elementos en estas.
 El ecosistemas de vue no es tan rico como el de react, existen buenas soluciones drag and drop para vue pero la mayoría son un wrapper de otra librería, no tienen suficiente mantenimiento o no tienen soporte para **Vue3**.
-Con [**Vue Fluid DnD**](https://vue-fluid-dnd.netlify.app/)presentamos una nueva solución inspiradas en la facilidad de uso [drag and drop from formkit](https://drag-and-drop.formkit.com/), las animaciones de [**react-beautiful-dnd**](https://react-beautiful-dnd.netlify.app/), etc.
+Con [**Vue Fluid DnD**](https://fluid-dnd.netlify.app/)presentamos una nueva solución inspiradas en la facilidad de uso [drag and drop from formkit](https://drag-and-drop.formkit.com/), las animaciones de [**react-beautiful-dnd**](https://react-beautiful-dnd.netlify.app/), etc.
 
 ## Vue Fluid DnD en acción
 
@@ -79,4 +79,4 @@ npm i vue-fluid-dnd
 ## Conclusiones
 
 En este artículo se hace una introducción a **Vue Fluid DnD** como alternativa a herramientas **drag and drop** en el ecosistema de **Vue 3**. Se muestra un ejemplo de su uso y se repasa brevemente las ventajas de dicha herramienta.
-Si te interesa que este proyecto siga adelante puedes dejar una estrella en el [repositorio](https://github.com/carlosjorger/vue-fluid-dnd) o mejor aún probar **Vue Fluid DnD** y darme algún feedback a través de un _issues_, un _pull request_ o escribirme a mi [correo personal](rodriguezcuelloc@gmail.com).
+Si te interesa que este proyecto siga adelante puedes dejar una estrella en el [repositorio](https://github.com/carlosjorger/fluid-dnd) o mejor aún probar **Vue Fluid DnD** y darme algún feedback a través de un _issues_, un _pull request_ o escribirme a mi [correo personal](rodriguezcuelloc@gmail.com).