Add root-level import (#936)

* Add root-level import

* Fix error message

* Tweak copy

* Add comment

react/.gitignore

@@ -1,4 +1,5 @@
 *
+!*.js
 !.gitignore
 !package.json
 !outline

react/index.esm.js

@@ -0,0 +1,16 @@
+// The only reason this file exists is to appease Vite's optimizeDeps feature which requires a root-level import.
+
+export default new Proxy(
+  {},
+  {
+    get: (_, property) => {
+      if (property === '__esModule') {
+        return {}
+      }
+
+      throw new Error(
+        `Importing from \`@heroicons/react\` directly is not supported. Please import from either \`@heroicons/react/20/solid\`, \`@heroicons/react/24/solid\`, or \`@heroicons/react/24/outline\` instead.`
+      )
+    },
+  }
+)

react/index.js

@@ -0,0 +1,16 @@
+// The only reason this file exists is to appease Vite's optimizeDeps feature which requires a root-level import.
+
+module.exports = new Proxy(
+  {},
+  {
+    get: (_, property) => {
+      if (property === '__esModule') {
+        return {}
+      }
+
+      throw new Error(
+        `Importing from \`@heroicons/react\` directly is not supported. Please import from either \`@heroicons/react/20/solid\`, \`@heroicons/react/24/solid\`, or \`@heroicons/react/24/outline\` instead.`
+      )
+    },
+  }
+)

react/package.json

@@ -17,6 +17,10 @@
   ],
   "sideEffects": false,
   "exports": {
+    ".": {
+      "import": "./index.esm.js",
+      "require": "./index.js"
+    },
     "./package.json": {
       "default": "./package.json"
     },
@@ -114,4 +118,4 @@
   "peerDependencies": {
     "react": ">= 16"
   }
-}
+}

vue/.gitignore

@@ -1,3 +1,4 @@
 *
+!*.js
 !.gitignore
 !package.json

vue/index.esm.js

@@ -0,0 +1,16 @@
+// The only reason this file exists is to appease Vite's optimizeDeps feature which requires a root-level import.
+
+export default new Proxy(
+  {},
+  {
+    get: (_, property) => {
+      if (property === '__esModule') {
+        return {}
+      }
+
+      throw new Error(
+        `Importing from \`@heroicons/vue\` directly is not supported. Please import from either \`@heroicons/vue/20/solid\`, \`@heroicons/vue/24/solid\`, or \`@heroicons/vue/24/outline\` instead.`
+      )
+    },
+  }
+)

vue/index.js

@@ -0,0 +1,16 @@
+// The only reason this file exists is to appease Vite's optimizeDeps feature which requires a root-level import.
+
+module.exports = new Proxy(
+  {},
+  {
+    get: (_, property) => {
+      if (property === '__esModule') {
+        return {}
+      }
+
+      throw new Error(
+        `Importing from \`@heroicons/vue\` directly is not supported. Please import from either \`@heroicons/vue/20/solid\`, \`@heroicons/vue/24/solid\`, or \`@heroicons/vue/24/outline\` instead.`
+      )
+    },
+  }
+)

vue/package.json

@@ -17,6 +17,10 @@
   ],
   "sideEffects": false,
   "exports": {
+    ".": {
+      "import": "./index.esm.js",
+      "require": "./index.js"
+    },
     "./package.json": {
       "default": "./package.json"
     },
@@ -114,4 +118,4 @@
   "peerDependencies": {
     "vue": ">= 3"
   }
-}
+}