Fix bug when using delimited-like path.

Author: ota-meshi

lib/rules/no-unused-keys.ts

@@ -55,6 +55,7 @@ function getUsedKeysMap(
   const usedKeysMap: UsedKeys = {}
 
   for (const key of [...usedkeys, ...collectLinkedKeys(values, context)]) {
+    usedKeysMap[key] = {} // Set original key.
     const paths = parsePath(key)
     let map = usedKeysMap
     while (paths.length) {

lib/utils/locale-messages.ts

@@ -253,31 +253,39 @@ export class LocaleMessages {
   findMissingPath(key: string): string | null {
     let missingPath: string[] = []
     for (const locale of this.locales) {
-      const paths = parsePath(key)
-      const length = paths.length
-      let lasts: I18nLocaleMessageValue[] = this.localeMessages.map(lm =>
-        lm.getMessagesFromLocale(locale)
+      const localeMessages: I18nLocaleMessageValue[] = this.localeMessages.map(
+        lm => lm.getMessagesFromLocale(locale)
       )
-      let i = 0
-      let missing = false
-      while (i < length) {
+      if (
+        localeMessages.some(last => {
+          return last && typeof last !== 'string' ? last[key] != null : false
+        })
+      ) {
+        // Hit the original key.
+        return null
+      }
+
+      const paths = [...parsePath(key)]
+      let lasts = localeMessages
+      const targetPaths = []
+      while (paths.length) {
+        const path = paths.shift()!
+        targetPaths.push(path)
         const values: I18nLocaleMessageValue[] = lasts
           .map(last => {
-            return last && typeof last !== 'string' ? last[paths[i]] : undefined
+            return last && typeof last !== 'string' ? last[path] : undefined
           })
           .filter((val): val is I18nLocaleMessageValue => val != null)
 
         if (values.length === 0) {
-          if (missingPath.length <= i) {
-            missingPath = paths.slice(0, i + 1)
+          if (missingPath.length <= targetPaths.length) {
+            missingPath = targetPaths
           }
-          missing = true
           break
         }
         lasts = values
-        i++
       }
-      if (!missing) {
+      if (!missingPath.length) {
         return null
       }
     }

tests/lib/rules/no-missing-keys.ts

@@ -161,6 +161,30 @@ tester.run('no-missing-keys', rule as never, {
     <template>
       <div id="app"></div>
     </template>`
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <i18n locale="en">
+        {
+          "Usage: $0 <command> [options]": "Usage: $0 <command> [options]"
+        }
+        </i18n>
+        <script>
+        t('Usage: $0 <command> [options]')
+        </script>`
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <i18n locale="en">
+        {
+          "foo.bar": "Message"
+        }
+        </i18n>
+        <script>
+        t('foo.bar')
+        </script>`
       }
     ]
   ),
@@ -209,6 +233,13 @@ tester.run('no-missing-keys', rule as never, {
         code: `$t('missing.path')`,
         errors: [`'missing' does not exist in localization message resources`]
       },
+      {
+        // nested missing
+        code: `$t('messages.missing')`,
+        errors: [
+          `'messages.missing' does not exist in localization message resources`
+        ]
+      },
       {
         // nested missing
         code: `$t('messages.missing')`,

tests/lib/rules/no-unused-keys.ts

@@ -148,7 +148,31 @@ new RuleTester({
             ]
           })
         ]
-      : [])
+      : []),
+    {
+      filename: 'test.vue',
+      code: `
+      <i18n locale="en">
+      {
+        "Usage: $0 <command> [options]": "Usage: $0 <command> [options]"
+      }
+      </i18n>
+      <script>
+      t('Usage: $0 <command> [options]')
+      </script>`
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <i18n locale="en">
+      {
+        "foo.bar": "Message"
+      }
+      </i18n>
+      <script>
+      t('foo.bar')
+      </script>`
+    }
   ],
   invalid: [
     {