fixbug: 修复3.2.11版本语法问题，element-push1.1.0版本导航栏组件问题

.eslintrc.js

@@ -1,12 +1,22 @@
 module.exports = {
 	root: true,
+	globals: {
+		defineProps: 'readonly',
+		defineEmits: 'readonly',
+		defineExpose: 'readonly',
+		withDefaults: 'readonly',
+	},
 	env: {
 		browser: true,
 		commonjs: true,
 		es6: true,
 		node: true,
 	},
-	extends: ['standard', 'plugin:vue/essential', 'plugin:prettier/recommended'],
+	extends: [
+		'standard',
+		'plugin:vue/vue3-recommended',
+		'plugin:prettier/recommended',
+	],
 	parserOptions: {
 		ecmaVersion: 2016,
 		// 对Babel解析器的包装使其与 ESLint 兼容。

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vite+vue3 Template",
-	"version": "0.1.0",
+	"version": "1.1.0",
 	"author": {
 		"name": "小斯斯",
 		"email": "[email protected]",
@@ -45,7 +45,7 @@
 		"eslint-plugin-node": "^11.1.0",
 		"eslint-plugin-prettier": "^3.4.0",
 		"eslint-plugin-promise": "^5.1.0",
-		"eslint-plugin-vue": "^7.11.1",
+		"eslint-plugin-vue": "^7.18.0",
 		"http-server": "^0.12.3",
 		"husky": "^6.0.0",
 		"lint-staged": "^11.0.0",

src/components/HelloWorld.vue

@@ -17,17 +17,20 @@
 </template>
 
 <script setup>
-import { defineProps, reactive } from 'vue'
+import { reactive } from 'vue'
 
 defineProps({
-	msg: String,
+	msg: {
+		type: String,
+		default: '',
+	},
 })
 
 const state = reactive({ count: 0 })
 </script>
 
 <style lang="scss" scoped>
 a {
-  color: #42b983;
+	color: #42b983;
 }
 </style>

src/components/SvgIcon/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup>
-import { computed, defineProps, ref } from 'vue'
+import { computed, ref } from 'vue'
 
 const props = defineProps({
 	// route object

src/layouts/components/AppMain/index.vue

@@ -11,6 +11,7 @@
 <script setup>
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
+console.log(useRoute)
 
 const route = computed(() => {
 	const route = useRoute()

src/layouts/components/Breadcrumb/Breadcrumb.vue

@@ -6,7 +6,7 @@
 				class="no-redirect"
 				>{{ item.meta.title }}</span
 			>
-			<a class="redirect" v-else @click.prevent="handleLink(item)">{{
+			<a v-else class="redirect" @click.prevent="handleLink(item)">{{
 				item.meta.title
 			}}</a>
 		</el-breadcrumb-item>

src/layouts/components/Sidebar/Item.vue

@@ -4,8 +4,6 @@
 </template>
 
 <script setup>
-import { defineProps } from 'vue'
-
 defineProps({
 	icon: {
 		type: String,

src/layouts/components/Sidebar/Link.vue

@@ -6,7 +6,7 @@
 
 <script setup>
 import { isExternal as isExt } from '@/utils/validate'
-import { computed, defineProps } from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps({
 	to: {
@@ -26,6 +26,7 @@ const type = computed(() => {
 })
 
 const linkProps = (to) => {
+	console.log('点击', to)
 	if (isExternal.value) {
 		return {
 			href: to,