fix(directive): fix localization when element does not have attributes

Author: Demivan

src/directive.ts

@@ -20,9 +20,6 @@ export default {
     }
 
     el.textContent = vnode.context.$fluent.formatPattern(msg.value, binding.value)
-    if (vnode.data === undefined || vnode.data.attrs === undefined) {
-      return
-    }
 
     for (const [attr] of Object.entries(binding.modifiers)) {
       el.setAttribute(

test/__snapshots__/directive.test.ts.snap

@@ -7,3 +7,5 @@ exports[`directive can use parameters 1`] = `<a href="/foo">Hello John</a>`;
 exports[`directive translates text content 1`] = `<a href="/foo">Link text</a>`;
 
 exports[`directive warns about missing key arg 1`] = `<a href="/foo">Fallback text</a>`;
+
+exports[`directive works without fallbacks 1`] = `<a aria-label="Localized aria">Hello John</a>`;

test/directive.test.ts

@@ -110,4 +110,27 @@ describe('directive', () => {
     // Assert
     expect(mounted).toMatchSnapshot()
   })
+
+  it('works without fallbacks', () => {
+    // Arrange
+    bundle.addResource(
+      new FluentResource(ftl`
+      link = Hello {$name}
+        .aria-label = Localized aria
+      `)
+    )
+
+    const component = {
+      data: () => ({
+        name: 'John'
+      }),
+      template: `<a v-t:link.aria-label="{ name }"></a>`
+    }
+
+    // Act
+    const mounted = mount(component, options)
+
+    // Assert
+    expect(mounted).toMatchSnapshot()
+  })
 })