add spanish text for interactvie dendrogram component

src/assets/text/text_es.js

@@ -28,9 +28,9 @@ export default {
           },
     metaAnalysisText: {
       title: "Metaanálisis del riesgo de la falta de agua potable",
-      paragraph1: `Researchers in the USGS Social and Economic Drivers program <a href="https://www.usgs.gov/data/literature-summary-indicators-water-vulnerability-western-us-2000-2022" target="blank">identified factors of social vulnerability associated with conditions of water insecurity</a>. The team focused their analysis on studies between 2000 and 2022 that took place in the conterminous United States (lower 48 states) west of the Mississippi River. The Western states face a slew of water availability challenges, including increasing population growth, dependence on groundwater, and generally low precipitation (see <a href='https://pubs.usgs.gov/circ/2005/circ1261/pdf/C1261.pdf' target="blank">Anderson and Woosley 2005 </a> for a discussion of water availability in the Western United States).`,
-      paragraph2: `spanish text spanish text`,
-      paragraph3: `spanish text`
+      paragraph1: `Los investigadores del programa de Impulsores Sociales y Económicos de USGS <a href="https://www.usgs.gov/data/literature-summary-indicators-water-vulnerability-western-us-2000-2022" target="blank">identificaron factores de riesgo social asociados con las condiciones de carencia de agua potable</a>. El equipo centró su análisis en estudios realizados entre 2000 y 2022 en los estados colindantes (los 48 estados inferiores) al oeste del río Misisipi. Los estados del oeste se enfrentan a una serie de desafíos de disponibilidad de agua, incluido el aumento del crecimiento de la población, la dependencia de aguas subterráneas y una escasez regular de precipitación (véase <a href='https://pubs.usgs.gov/circ/2005/circ1261/pdf/C1261.pdf' target="blank">Anderson y Woosley 2005 </a> para un análisis de la disponibilidad de agua en el oeste de los Estados Unidos).`,
+      paragraph2: `El equipo descubrió que se había estudiado muy bien un pequeño subconjunto de factores de riesgo social que se asociaba sistemáticamente con la carencia de agua potable. Estos factores incluían múltiples características demográficas (edad, raza/etnia, estructura familiar, género y dominio del idioma), dependencia de fuentes y usos específicos del agua, riqueza y exposición a riesgos relacionados con el agua.`,
+      paragraph3: `Sin embargo, estos factores no se distribuyen de manera equitativa en el oeste de los Estados Unidos. Por ejemplo, ciertas razas y etnias se concentran más en algunas áreas geográficas que en otras. De manera similar, algunos condados tienen una media de ingresos por hogar mucho más baja que otros condados. Comprender dónde viven estas poblaciones vulnerables es clave para que los administradores de recursos hídricos tomen decisiones equitativas sobre la disponibilidad y el uso del agua. A continuación, se describen con más detalle algunos de los factores que este estudio consideró significativos en los estados del oeste.`
     },
     socialVulnerabilityText: {
       title: "spanish text",

src/components/InteractiveDendrogram.vue

 <template>
   <section id="dendrogram">
     <div id="title" class="text-container title-text">
-      <h3 v-html="metaText.title"></h3>
+      <h3 v-html="t('text.components.metaAnalysisText.title')"></h3>
     </div>
     <div id="text1" class="text-container">
-      <p v-html="metaText.paragraph1"></p>
+      <p v-html="t('text.components.metaAnalysisText.paragraph1')"></p>
     </div>
     <div id="image-container">
   <figure>
@@ -17,13 +17,13 @@
     <div id="dendrogram-container" 
     aria-label="Dendrogram showing nested hierarchy of vulnerability indicators related to water insecurity. Indicators fall within one of 6 dimensions: demographic characteristics, exposure to stressors, health, land tenure, living conditions, risk perception, and socioeconomic status. Within the dimensions there were 50 determinants that individual indicators, or data variables fit within. The most well studied were demographic characteristics of ethnicity and race and related to age. Similarly, socioeconomic variables related to income, wealth, and education were relatively well studied. Exposure to various physical conditions were also well studied. To access the data, including the number of studies for each indicator and their relationship with vulnerability, go to the csv  provided:  https://www.sciencebase.gov/catalog/item/63f79d49d34e4f7eda456572"></div>
     <div id="text2" class="text-container">
-      <p v-html="metaText.paragraph2"></p>
+      <p v-html="t('text.components.metaAnalysisText.paragraph2')"></p>
     </div>
     <div id="text3" class="text-container quote">
-      <p v-html="metaText.paragraph3"></p>
+      <p v-html="t('text.components.metaAnalysisText.paragraph3')"></p>
     </div>
     <div id="text4" class="text-container">
-      <p v-html="metaText.paragraph4"></p>
+      <p v-html="t('text.components.metaAnalysisText.paragraph4')"></p>
     </div>
   </section>
 </template>
@@ -32,13 +32,14 @@
 import { onMounted, ref } from 'vue';
 import { isMobile } from 'mobile-device-detect';
 import * as d3 from 'd3';
-import text from "../assets/text/text_en.js";
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 // global variables
 const publicPath = import.meta.env.BASE_URL;
 const data = ref([]);
 const mobileView = isMobile;
-const metaText = text.components.metaAnalysisText;
 let textSize;
 
 // set colors for dimension