fix(components-warn) - Removed the import maps and added components n…

…atively in config
side-projects-overkill · Jul 24, 2024 · 9711c5c · 9711c5c
1 parent 2de09f3
commit 9711c5c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -10,24 +10,8 @@
       href="https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap"
       rel="stylesheet"
     />
-    <script type="importmap">
-      {
-        "imports": {
-          "@rhds/elements/": "https://www.redhatstatic.com/dx/v1-alpha/@rhds/[email protected]/elements/",
-          "@patternfly/elements/": "https://www.redhatstatic.com/dx/v1-alpha/@patternfly/[email protected]/"
-        }
-      }
-    </script>
     <title>Red Hat Customer Portal</title>
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <script type="importmap">
-      {
-        "imports": {
-          "@rhds/elements/": "https://www.redhatstatic.com/dx/v1-alpha/@rhds/[email protected]/elements/",
-          "@patternfly/elements/": "https://www.redhatstatic.com/dx/v1-alpha/@patternfly/[email protected]/"
-        }
-      }
-    </script>
   </head>
   <body>
     <div id="app"></div>

diff --git a/vite.config.mjs b/vite.config.mjs
@@ -8,7 +8,17 @@ import dotenv from 'dotenv'
 dotenv.config()
 
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [
+    vue({
+      template: {
+        compilerOptions: {
+          isCustomElement: (tag) =>
+            tag.startsWith('pf-') || tag.startsWith('rh-'),
+        },
+      },
+    }),
+    vueJsx(),
+  ],
   base: `/${process.env.GITHUB_REPOSITORY?.split('/')[1]}/`,
   resolve: {
     alias: {