Merge pull request #523 from dnum-mi/fix/table-cell-with-component

docs(DsfrTableCell): 🐛 Corrige l’erreur de component

Author: laruiss

src/components/DsfrTable/DsfrTableCell.stories.js

@@ -1,7 +1,13 @@
+import { setup } from '@storybook/vue3'
+import DsfrTag from '../DsfrTag/DsfrTag.vue'
 import DsfrTable from './DsfrTable.vue'
 import DsfrTableHeaders from './DsfrTableHeaders.vue'
 import DsfrTableCell from './DsfrTableCell.vue'
 
+setup(app => {
+  app.component('DsfrTag', DsfrTag) // Composant utilisé dans les stories CelluleDeTableauAvecComposant et CelluleDeTableauComplexe
+})
+
 export default {
   component: DsfrTableCell,
   title: 'Composants/Tableau/Cellule de tableau - DsfrTableCell',
@@ -16,7 +22,7 @@ export default {
       description: 'Contenu du champ. Peut être une string ou bien un objet',
     },
     onClickCell: {
-      action: 'Clicked on cell',
+      action: 'Clic sur l’étiquette !',
       description: 'Fonction pour montrer le clic sur une cellule (Ici seulement pour "Cellule de tableau complexe")',
     },
   },
@@ -70,7 +76,6 @@ export const CelluleDeTableauSimple = (args) => ({
     </DsfrTable>
   `,
 
-
 })
 CelluleDeTableauSimple.args = {
   title,

src/components/DsfrTable/DsfrTableCell.vue

@@ -19,7 +19,7 @@ export default defineComponent({
     isObject () {
       return typeof this.field === 'object' && this.field !== null
     },
-    isComponent () {
+    component () {
       return (this.isObject && this.field.component) ? this.field.component : false
     },
     isString () {
@@ -32,8 +32,8 @@ export default defineComponent({
 <template>
   <td v-bind="cellAttrs">
     <component
-      :is="isComponent"
-      v-if="isComponent"
+      :is="component"
+      v-if="component"
       v-bind="field"
     >
       {{ field.text }}