Skip to content

no-unused-components for file template.html #598

Closed
@mcmc4519

Description

@mcmc4519

Hi!

My env: windows 10 x64 , node v8.11.2
.eslintrc

{
    "parser": "vue-eslint-parser",
    "parserOptions": {
        "parser": "babel-eslint",
        "root": true,
        "ecmaVersion": 2018,
        "sourceType": "module",
        "ecmaFeatures": {
            "globalReturn": false,
            "impliedStrict": false,
            "jsx": false
        }
    },
    "extends": [
        "eslint:recommended",
        "plugin:vue/essential",
        "prettier",
        "prettier/standard",
        "plugin:vue/strongly-recommended",
        "plugin:vue/recommended",
        "plugin:you-dont-need-lodash-underscore/compatible-warn"
    ],
    "rules": {
        "prefer-arrow-callback": "error",
        "prefer-numeric-literals": "error",
        "prefer-rest-params": "error",
        "prefer-spread": "error",
        "prefer-template": "error",
        "quote-props": ["error", "as-needed"],
        "you-dont-need-lodash-underscore/all": "error",
        "vue/no-unused-vars": "error",
        "prettier/prettier": "error",
        // "linebreak-style": ["error", "windows"],
        "curly": ["error", "multi"],
        "no-debugger": "off",
        "no-var": "error",
        "no-console": "off",
        "no-const-assign": "error",
        "no-unused-vars": "warn",
        "no-await-in-loop": "error",
        "default-case": "error",
        "no-else-return": "warn",
        "no-multi-spaces": "warn",
        "no-useless-return": "warn",
        "no-case-declarations": "error",
        "camelcase": "error",
        "no-mixed-spaces-and-tabs": "error",
        "no-duplicate-imports": "error",
        "prefer-const": "warn",
        "vue/html-closing-bracket-spacing": "warn",
        "vue/html-closing-bracket-newline": [
            "warn",
            {
                "singleline": "never",
                "multiline": "always"
            }
        ],
        "vue/max-attributes-per-line": [
            "error",
            {
                "singleline": 1,
                "multiline": 1
            }
        ],
        "vue/require-prop-types": "warn",
         "vue/no-unused-components": "error"
    },
    "plugins": ["vue", "prettier", "babel"]
}

devDependencies

{"devDependencies": {
    "babel-eslint": "^8.2.6",
    "babel-plugin-syntax-dynamic-import": "^6.18.0",
    "eslint": "^5.6.1",
    "eslint-config-prettier": "^2.9.0",
    "eslint-plugin-babel": "^5.2.1",
    "eslint-plugin-html": "^4.0.6",
    "eslint-plugin-import": "^2.14.0",
    "eslint-plugin-prettier": "^3.0.0",
    "eslint-plugin-vue": "^5.0.0-beta.3",
    "eslint-plugin-you-dont-need-lodash-underscore": "^6.4.0",
    "getcomposer": "^1.3.3",
    "husky": "^1.1.0",
    "node-sass": "^4.9.3",
    "prettier": "^1.14.3",
    "sass-loader": "^6.0.6",
    "vue-eslint-parser": "^3.2.2"
  }
}

index.vue

<template src="./template.html" />

<script>
import OrderForm from '@/components/OrderForm';

export default {
  name: 'MyOrdersAdd',
  components: { OrderForm },
};</script>

template.html

<v-container fill-height>
  <v-flex>
    <OrderForm />
  </v-flex>
</v-container>

If I include template by src, I have error:
error The "OrderForm" component has been registered but not used vue/no-unused-components

If body is in a tag template, without src, all is ok.
Is it the bug?
How to fix for using src-atribute?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions