working on references but dangggg

src/assets/text/authors_es.js

@@ -60,7 +60,7 @@ export default {
       initials: 'CN',
       profile_link: 'https://www.usgs.gov/staff-profiles/cee-nell',
       role: 'team lead',
-      contribution: 'provided editorial review and led site development'
+      contribution: 'led site development'
     }
   ]
 }

src/assets/text/referencesText_en.js

@@ -6,7 +6,7 @@ export default {
         reference: 'Draining: The Economic Impact of Americas Hidden Water Crisis',
         num: '1',
         authors: 'DIGDEEP',
-        year: 2024,
+        year: '2024',
         title: 'Draining: The Economic Impact of Americas Hidden Water Crisis',
         link: 'https://www.digdeep.org/draining',
         type: '',
@@ -16,7 +16,7 @@ export default {
         reference: 'The widespread and unjust drinking water and clean water crisis in the United States',
         num: '2',
         authors: 'Mueller, J. T. and Gasteyer, S.',
-        year: 2021,
+        year: '2021',
         title: 'The widespread and unjust drinking water and clean water crisis in the United States',
         link: 'https://www.nature.com/articles/s41467-021-23898-z',
         type: '',

src/assets/text/referencesText_es.js

@@ -6,7 +6,7 @@ export default {
         reference: ' Drenaje: el impacto económico de la crisis hídrica oculta en las Américas (Draining: The Economic Impact of Americas Hidden Water Crisis, en inglés)',
         num: '1',
         authors: 'DIGDEEP',
-        year: 2024,
+        year: '2024',
         title: ' Drenaje: el impacto económico de la crisis hídrica oculta en las Américas (Draining: The Economic Impact of Americas Hidden Water Crisis, en inglés)',
         link: 'https://www.digdeep.org/draining',
         type: '',
@@ -16,7 +16,7 @@ export default {
         reference: 'La crisis generalizada e injusta del agua potable y el agua limpia en los Estados Unidos (The widespread and unjust drinking water and clean water crisis in the United States, en inglés),',
         num: '2',
         authors: 'Mueller, J. T. y Gasteyer, S.',
-        year: 2021,
+        year: '2021',
         title: 'La crisis generalizada e injusta del agua potable y el agua limpia en los Estados Unidos (The widespread and unjust drinking water and clean water crisis in the United States, en inglés),',
         link: 'https://www.nature.com/articles/s41467-021-23898-z',
         type: '',
@@ -59,7 +59,7 @@ export default {
         year: '2023',
         title: 'Resumen de la literatura de los indicadores de riesgo de carencia de agua en el oeste de EE. UU. 2000-2022 (Literature Summary of Indicators of Water Vulnerability in the Western US 2000-2022, en inglés)',
         link: 'https://www.sciencebase.gov/catalog/item/63f79d49d34e4f7eda456572',
-        type: 'Publicación del Servicio Geológico de EE. UU.,
+        type: 'Publicación del Servicio Geológico de EE. UU.',
         ref: 'https://doi.org/10.5066/P93IDTUZ'
       },
       {

src/components/References.vue

 <template>
   <section id="references">
     <div class="text-container title-text">
-      <h3>{{ text.title }}</h3>
+      <h3>{{ t('referencesText.referencesContent.title') }}</h3>
     </div>
     <div class="text-container">
-      <div v-for="reference in text.references" :key="reference.subTitle">
+      <div v-for="reference in t('referencesText.referencesContent.references')" :key="reference.num">
+        <p>{{  reference }}</p>
         <p>
-          <span v-html="reference.num" />. <span v-html="reference.authors" />,
-          <span v-html="reference.year" />,
-          <a :href="reference.link" target="_blank"><span v-html="reference.title" /></a
-          ><span v-if="reference.type != ''">, </span><span v-html="reference.type" /><span
-            v-if="reference.ref != ''"
-            >, </span
-          ><span v-html="reference.ref" />.
+          <span>{{ reference.num }}</span>. 
+          <span>{{ reference.authors }}</span>,
+          <span>{{ reference.year }}</span>,
+          <a :href="reference.link" target="_blank">{{ reference.title }}</a>
+          <span v-if="reference.type !== ''">, </span>{{ reference.type }}
+          <span v-if="reference.ref !== ''">, </span>{{ reference.ref }}.
         </p>
-        <br />
       </div>
     </div>
   </section>
 </template>
 
-<script>
-import referencesText from '@/assets/text/referencesText_en.js'
-export default {
-  name: 'ReferencesSection',
-  data() {
-    return {
-      text: referencesText.referencesContent
-    }
-  }
-}
+<script setup>
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();  // This gives you access to translation strings
+console.log(t('referencesText'));
 </script>
 
-<style scoped lang="scss">
+<style scoped>
 button:not([disabled]):focus {
   outline: none;
 }