diff --git a/docs/rules/no-raw-text.md b/docs/rules/no-raw-text.md
index 29727096..51883955 100644
--- a/docs/rules/no-raw-text.md
+++ b/docs/rules/no-raw-text.md
@@ -10,7 +10,10 @@ since: v0.2.0
 
 - :star: The `"extends": "plugin:@intlify/vue-i18n/recommended"` property in a configuration file enables this rule.
 
-This rule warns the usage of string literal.
+This rule warns the usage of literal the bellow:
+
+- string literal
+- template literals (no epressions, plain text only)
 
 This rule encourage i18n in about the application needs to be localized.
 
diff --git a/lib/rules/no-raw-text.ts b/lib/rules/no-raw-text.ts
index f87eff6d..3ade123a 100644
--- a/lib/rules/no-raw-text.ts
+++ b/lib/rules/no-raw-text.ts
@@ -11,18 +11,27 @@ import type {
   SourceLocation
 } from '../types'
 
-type AnyValue = VAST.ESLintLiteral['value']
+type AnyValue =
+  | VAST.ESLintLiteral['value']
+  | VAST.ESLintTemplateElement['value']
 const config: {
   ignorePattern: RegExp
   ignoreNodes: string[]
   ignoreText: string[]
 } = { ignorePattern: /^[^\S\s]$/, ignoreNodes: [], ignoreText: [] }
 const hasOnlyWhitespace = (value: string) => /^[\r\n\s\t\f\v]+$/.test(value)
+const hasTemplateElementValue = (
+  value: any // eslint-disable-line @typescript-eslint/no-explicit-any
+): value is { raw: string; cooked: string } =>
+  'raw' in value &&
+  typeof value.raw === 'string' &&
+  'cooked' in value &&
+  typeof value.cooked === 'string'
 const INNER_START_OFFSET = '<template>'.length
 
 function calculateLoc(
-  node: VAST.ESLintLiteral,
-  base: VAST.ESLintLiteral | null = null
+  node: VAST.ESLintLiteral | VAST.ESLintTemplateElement,
+  base: VAST.ESLintLiteral | VAST.ESLintTemplateElement | null = null
 ) {
   return !base
     ? node.loc
@@ -40,15 +49,24 @@ function calculateLoc(
       }
 }
 
-function testValue(value: AnyValue) {
+function testTextable(value: string): boolean {
   return (
-    typeof value !== 'string' ||
     hasOnlyWhitespace(value) ||
     config.ignorePattern.test(value.trim()) ||
     config.ignoreText.includes(value.trim())
   )
 }
 
+function testValue(value: AnyValue): boolean {
+  if (typeof value === 'string') {
+    return testTextable(value)
+  } else if (hasTemplateElementValue(value)) {
+    return testTextable(value.raw)
+  } else {
+    return false
+  }
+}
+
 // parent is directive (e.g <p v-xxx="..."></p>)
 function checkVAttributeDirective(
   context: RuleContext,
@@ -65,29 +83,17 @@ function checkVAttributeDirective(
       (attrNode.key.name === 'text' ||
         // for vue-eslint-parser v6+
         attrNode.key.name.name === 'text') &&
-      node.expression &&
-      node.expression.type === 'Literal'
+      node.expression
     ) {
-      const literalNode = node.expression
-      const value = literalNode.value
-
-      if (testValue(value)) {
-        return
-      }
-
-      const loc = calculateLoc(literalNode, baseNode)
-      context.report({
-        loc,
-        message: `raw text '${literalNode.value}' is used`
-      })
+      checkExpressionContainerText(context, node.expression, baseNode)
     }
   }
 }
 
-function checkVExpressionContainerText(
+function checkVExpressionContainer(
   context: RuleContext,
   node: VAST.VExpressionContainer,
-  baseNode: VAST.ESLintLiteral | null = null
+  baseNode: VAST.ESLintLiteral | VAST.ESLintTemplateElement | null = null
 ) {
   if (!node.expression) {
     return
@@ -95,33 +101,7 @@ function checkVExpressionContainerText(
 
   if (node.parent && node.parent.type === 'VElement') {
     // parent is element (e.g. <p>{{ ... }}</p>)
-    if (node.expression.type === 'Literal') {
-      const literalNode = node.expression
-      if (testValue(literalNode.value)) {
-        return
-      }
-
-      const loc = calculateLoc(literalNode, baseNode)
-      context.report({
-        loc,
-        message: `raw text '${literalNode.value}' is used`
-      })
-    } else if (node.expression.type === 'ConditionalExpression') {
-      const targets = [node.expression.consequent, node.expression.alternate]
-      targets.forEach(target => {
-        if (target.type === 'Literal') {
-          if (testValue(target.value)) {
-            return
-          }
-
-          const loc = calculateLoc(target, baseNode)
-          context.report({
-            loc,
-            message: `raw text '${target.value}' is used`
-          })
-        }
-      })
-    }
+    checkExpressionContainerText(context, node.expression, baseNode)
   } else if (
     node.parent &&
     node.parent.type === 'VAttribute' &&
@@ -135,6 +115,67 @@ function checkVExpressionContainerText(
     )
   }
 }
+function checkExpressionContainerText(
+  context: RuleContext,
+  expression: Exclude<VAST.VExpressionContainer['expression'], null>,
+  baseNode: VAST.ESLintLiteral | VAST.ESLintTemplateElement | null = null
+) {
+  if (expression.type === 'Literal') {
+    const literalNode = expression
+    if (testValue(literalNode.value)) {
+      return
+    }
+
+    const loc = calculateLoc(literalNode, baseNode)
+    context.report({
+      loc,
+      message: `raw text '${literalNode.value}' is used`
+    })
+  } else if (
+    expression.type === 'TemplateLiteral' &&
+    expression.expressions.length === 0
+  ) {
+    const templateNode = expression.quasis[0]
+    if (testValue(templateNode.value)) {
+      return
+    }
+
+    const loc = calculateLoc(templateNode, baseNode)
+    context.report({
+      loc,
+      message: `raw text '${templateNode.value.raw}' is used`
+    })
+  } else if (expression.type === 'ConditionalExpression') {
+    const targets = [expression.consequent, expression.alternate]
+    targets.forEach(target => {
+      if (target.type === 'Literal') {
+        if (testValue(target.value)) {
+          return
+        }
+
+        const loc = calculateLoc(target, baseNode)
+        context.report({
+          loc,
+          message: `raw text '${target.value}' is used`
+        })
+      } else if (
+        target.type === 'TemplateLiteral' &&
+        target.expressions.length === 0
+      ) {
+        const node = target.quasis[0]
+        if (testValue(node.value)) {
+          return
+        }
+
+        const loc = calculateLoc(node, baseNode)
+        context.report({
+          loc,
+          message: `raw text '${node.value.raw}' is used`
+        })
+      }
+    })
+  }
+}
 
 function checkRawText(
   context: RuleContext,
@@ -158,7 +199,7 @@ function findVariable(variables: Variable[], name: string) {
 function getComponentTemplateValueNode(
   context: RuleContext,
   node: VAST.ESLintObjectExpression
-): VAST.ESLintLiteral | null {
+): VAST.ESLintLiteral | VAST.ESLintTemplateElement | null {
   const templateNode = node.properties.find(
     (p): p is VAST.ESLintProperty =>
       p.type === 'Property' &&
@@ -169,6 +210,11 @@ function getComponentTemplateValueNode(
   if (templateNode) {
     if (templateNode.value.type === 'Literal') {
       return templateNode.value
+    } else if (
+      templateNode.value.type === 'TemplateLiteral' &&
+      templateNode.value.expressions.length === 0
+    ) {
+      return templateNode.value.quasis[0]
     } else if (templateNode.value.type === 'Identifier') {
       const templateVariable = findVariable(
         context.getScope().variables,
@@ -177,8 +223,15 @@ function getComponentTemplateValueNode(
       if (templateVariable) {
         const varDeclNode = templateVariable.defs[0]
           .node as VAST.ESLintVariableDeclarator
-        if (varDeclNode.init && varDeclNode.init.type === 'Literal') {
-          return varDeclNode.init
+        if (varDeclNode.init) {
+          if (varDeclNode.init.type === 'Literal') {
+            return varDeclNode.init
+          } else if (
+            varDeclNode.init.type === 'TemplateLiteral' &&
+            varDeclNode.init.expressions.length === 0
+          ) {
+            return varDeclNode.init.quasis[0]
+          }
         }
       }
     }
@@ -188,7 +241,17 @@ function getComponentTemplateValueNode(
 }
 
 function getComponentTemplateNode(value: AnyValue) {
-  return parse(`<template>${value}</template>`, {}).templateBody!
+  return parse(
+    `<template>${
+      // prettier-ignore
+      typeof value === 'string'
+        ? value
+        : hasTemplateElementValue(value)
+          ? value.raw
+          : value
+    }</template>`,
+    {}
+  ).templateBody!
 }
 
 function create(context: RuleContext): RuleListener {
@@ -213,7 +276,7 @@ function create(context: RuleContext): RuleListener {
     {
       // template block
       VExpressionContainer(node: VAST.VExpressionContainer) {
-        checkVExpressionContainerText(context, node)
+        checkVExpressionContainer(context, node)
       },
 
       VText(node: VAST.VText) {
@@ -238,7 +301,7 @@ function create(context: RuleContext): RuleListener {
             if (node.type === 'VText') {
               checkRawText(context, node.value, valueNode.loc)
             } else if (node.type === 'VExpressionContainer') {
-              checkVExpressionContainerText(context, node, valueNode)
+              checkVExpressionContainer(context, node, valueNode)
             }
           },
           leaveNode() {
diff --git a/tests/lib/rules/no-raw-text.ts b/tests/lib/rules/no-raw-text.ts
index b2bf5305..167c9393 100644
--- a/tests/lib/rules/no-raw-text.ts
+++ b/tests/lib/rules/no-raw-text.ts
@@ -22,7 +22,7 @@ tester.run('no-raw-text', rule as never, {
       <template>
         <div class="app">
           <p class="a1">{{ $t('hello') }}</p>
-          <p class="inner">{{ $t('click') }}<a href="/foo">{{ $t('here') }}</a>{{ $t('terminal') }}</p>
+          <p class="inner">{{ $t(\`click\`) }}<a href="/foo">{{ $t('here') }}</a>{{ $t('terminal') }}</p>
         </div>
       </template>
     `
@@ -86,6 +86,10 @@ tester.run('no-raw-text', rule as never, {
       </template>
     `,
       options: [{ ignoreText: ['hello', 'world'] }]
+    },
+    {
+      // specify a template literal with expression as `template`
+      code: 'export default { template: `<p>${msg}</p>` }'
     }
   ],
 
@@ -157,6 +161,20 @@ tester.run('no-raw-text', rule as never, {
         }
       ]
     },
+    {
+      // directly specify template literal in mustache
+      code: `
+      <template>
+        <p>{{ \`hello\` }}</p>
+      </template>
+    `,
+      errors: [
+        {
+          message: `raw text 'hello' is used`,
+          line: 3
+        }
+      ]
+    },
     {
       // javascript expression specify string literal in mustache
       code: `
@@ -175,6 +193,24 @@ tester.run('no-raw-text', rule as never, {
         }
       ]
     },
+    {
+      // javascript expression specify template literal in mustache
+      code: `
+      <template>
+        <p>{{ ok ? \`hello\` : \`world\` }}</p>
+      </template>
+    `,
+      errors: [
+        {
+          message: `raw text 'hello' is used`,
+          line: 3
+        },
+        {
+          message: `raw text 'world' is used`,
+          line: 3
+        }
+      ]
+    },
     {
       // directly specify string literal in v-text
       code: `
@@ -189,6 +225,20 @@ tester.run('no-raw-text', rule as never, {
         }
       ]
     },
+    {
+      // directly specify tempate literal in v-text
+      code: `
+      <template>
+        <p v-text="\`hello\`"></p>
+      </template>
+    `,
+      errors: [
+        {
+          message: `raw text 'hello' is used`,
+          line: 3
+        }
+      ]
+    },
     {
       // directly specify string literal to `template` component option at export default object
       code: `
@@ -203,6 +253,20 @@ tester.run('no-raw-text', rule as never, {
         }
       ]
     },
+    {
+      // directly specify template literal to `template` component option at export default object
+      code: `
+      export default {
+        template: \`<p>hello</p>\`
+      }
+    `,
+      errors: [
+        {
+          message: `raw text 'hello' is used`,
+          line: 3
+        }
+      ]
+    },
     {
       // directly specify string literal to `template` component option at variable
       code: `
@@ -217,6 +281,20 @@ tester.run('no-raw-text', rule as never, {
         }
       ]
     },
+    {
+      // directly specify template literal to `template` component option at variable
+      code: `
+      const Component = {
+        template: \`<p>hello</p>\`
+      }
+    `,
+      errors: [
+        {
+          message: `raw text 'hello' is used`,
+          line: 3
+        }
+      ]
+    },
     {
       // directly specify string literal to `template` variable
       code: `
@@ -232,6 +310,21 @@ tester.run('no-raw-text', rule as never, {
         }
       ]
     },
+    {
+      // directly specify templtea literal to `template` variable
+      code: `
+      const template = \`<p>hello</p>\`
+      const Component = {
+        template
+      }
+    `,
+      errors: [
+        {
+          message: `raw text 'hello' is used`,
+          line: 2
+        }
+      ]
+    },
     {
       // directly specify string literal to `template` variable
       code: `
@@ -248,6 +341,22 @@ tester.run('no-raw-text', rule as never, {
         }
       ]
     },
+    {
+      // directly specify string literal to `template` variable
+      code: `
+      const template = '<p>{{ \`hello\` }}</p>'
+      const Component = {
+        template
+      }
+    `,
+      errors: [
+        {
+          message: `raw text 'hello' is used`,
+          line: 2,
+          column: 30
+        }
+      ]
+    },
     {
       // javascript expression specify string literal to `template` variable in mustache
       code: `
@@ -269,6 +378,27 @@ tester.run('no-raw-text', rule as never, {
         }
       ]
     },
+    {
+      // javascript expression specify tempalte literal to `template` variable in mustache
+      code: `
+      const template = '<p>{{ ok ? \`hello\` : \`world\` }}</p>'
+      const Component = {
+        template
+      }
+    `,
+      errors: [
+        {
+          message: `raw text 'hello' is used`,
+          line: 2,
+          column: 35
+        },
+        {
+          message: `raw text 'world' is used`,
+          line: 2,
+          column: 45
+        }
+      ]
+    },
     {
       // directly specify string literal to JSX with `render`
       code: `
@@ -304,11 +434,11 @@ tester.run('no-raw-text', rule as never, {
     {
       code: `
       <template>
-        <p>{{ $t('foo') }}: {{ $t('bar') }}</p>
+        <p>{{ $t(\`foo\`) }}: {{ $t('bar') }}</p>
         <p>hello</p>
         <p> - </p>
         <p>@</p>
-        <p>{{ true ? $t('ok') : ' - ' }}</p>
+        <p>{{ true ? $t(\`ok\`) : ' - ' }}</p>
         <p>{{ true ? $t('ok') : '@' }}</p>
       </template>
     `,
@@ -334,7 +464,7 @@ tester.run('no-raw-text', rule as never, {
       code: `
       <template>
         <v-icon v-text="'mdi-check'" />
-        <v-icon v-text="'not'" />
+        <v-icon v-text="\`not\`" />
         <v-icon v-text="'ok'" />
         <v-icon v-html="'mdi-check'" />
         <v-icon v-html="'ok'" />