babel plugin to remove addon template

plugins/remove-legacy-layout.js

@@ -0,0 +1,56 @@
+export function removeLegacyLayout() {
+  const shouldContinue = (state) => {
+    const fName = state.file.opts.filename;
+    return fName.includes('node_modules') && fName.includes('addon');
+  };
+  //   const { types: t } = babel;
+  return {
+    name: 'ast-transform', // not required
+    visitor: {
+      ImportDeclaration(path, state) {
+        if (!shouldContinue(state)) {
+          return;
+        }
+        if (path.node.source.value === '@ember-decorators/component') {
+          path.remove();
+        } else if (path.node.source.value.includes('/templates/')) {
+          path.remove();
+        }
+      },
+      ObjectProperty(path, state) {
+        if (!shouldContinue(state)) {
+          return;
+        }
+        if (
+          path.node.value.name === 'layout' &&
+          path.node.key.name === 'layout'
+        ) {
+          path.remove();
+        }
+      },
+      ClassProperty(path, state) {
+        if (!shouldContinue(state)) {
+          return;
+        }
+        if (
+          path.node.value &&
+          path.node.value.name === 'layout' &&
+          path.node.key &&
+          path.node.key.name === 'layout'
+        ) {
+          path.remove();
+        }
+      },
+      Decorator(path, state) {
+        if (!shouldContinue(state)) {
+          return;
+        }
+        if (path.node.expression && path.node.expression.callee) {
+          if (path.node.expression.callee.name === 'templateLayout') {
+            path.remove();
+          }
+        }
+      },
+    },
+  };
+}

vite.config.ts

@@ -9,6 +9,7 @@ import i18nLoader from './plugins/i18n-loader';
 import { generateDefineConfig } from './compat/ember-data-private-build-infra/index.ts';
 import refBucketTransform from 'ember-ref-bucket/lib/ref-transform.js';
 import { babelHotReloadPlugin } from './plugins/hot-reload';
+import { removeLegacyLayout } from './plugins/remove-legacy-layout';
 export default defineConfig(({ mode }) => {
   const isProd = mode === 'production';
   const isDev = mode === 'development';
@@ -414,6 +415,7 @@ function defaultBabelPlugins(isProd: boolean) {
         loose: true,
       },
     ],
+    removeLegacyLayout,
     templateCompilationPlugin(isProd),
   ];
 }