eslint, forbid native navigations in vue components.

no-native-navigation.js

// lib/rules/no-native-navigation.js
module.exports = {
  meta: {
    type: 'problem',
    docs: {
      description: 'Forbid native navigation methods in Vue components',
      category: 'Best Practices',
      recommended: true,
    },
    fixable: null,
    schema: [], // no options
    messages: {
      avoidNativeNavigation: 'Avoid using native navigation methods. Use Vue Router methods instead.',
    },
  },
  create(context) {
        // Check if the current file is a Vue component
    const isVueComponent = context.getFilename().endsWith('.vue');

    // If not a Vue component, return an empty object to skip checks
    if (!isVueComponent) {
      return {};
    }
    return {
      MemberExpression(node) {
        // Check for location.href
        if (
          node.object.type === 'Identifier' && 
          node.object.name === 'location' && 
          node.property.type === 'Identifier' && 
          node.property.name === 'href'
        ) {
          context.report({
            node,
            messageId: 'avoidNativeNavigation',
          });
        }

        // Check for history.go, history.push, etc.
        if (
          node.object.type === 'Identifier' && 
          node.object.name === 'history' && 
          ['go', 'push', 'replace', 'back', 'forward'].includes(node.property.name)
        ) {
          context.report({
            node,
            messageId: 'avoidNativeNavigation',
          });
        }
      },
      CallExpression(node) {
        // Additional check for window.location methods
        if (
          node.callee.type === 'MemberExpression' &&
          node.callee.object.type === 'Identifier' &&
          node.callee.object.name === 'location' &&
          ['assign', 'replace'].includes(node.callee.property.name)
        ) {
          context.report({
            node,
            messageId: 'avoidNativeNavigation',
          });
        }
      }
    };
  }
};