@typed-grid-areas/vue 0.1.0 → 0.1.2

package/dist/gridComponent.js

@@ -1,5 +1,5 @@
 import { defineComponent, h, onMounted, onUpdated, ref, } from "vue";
-import { createSlotCheck, gridMarkup, isDevelopment } from "typed-grid-areas/adapter";
+import { createSlotCheck, gridMarkup } from "typed-grid-areas/adapter";
 import { renderAsChild } from "./asChild.js";
 import { useGridStyle } from "./gridStyles.js";
 /**
@@ -33,20 +33,29 @@ function createGrid(definition) {
             useGridStyle(definition);
             // In development, check the slots after mounting and after every update.
             const gridRef = ref(null);
-            if (isDevelopment()) {
-                const checkSlots = createSlotCheck(definition, {
-                    strayChildRemedy: "make it a slot with as-child",
-                });
-                const check = () => {
-                    if (gridRef.value !== null) {
-                        for (const warning of checkSlots(gridRef.value)) {
-                            // eslint-disable-next-line no-console
-                            console.warn(warning);
+            // Written out, not `isDevelopment()`, so production builds drop the check.
+            try {
+                if (process.env.NODE_ENV === "development") {
+                    const checkSlots = createSlotCheck(definition, {
+                        strayChildRemedy: "make it a slot with as-child",
+                    });
+                    const check = () => {
+                        if (gridRef.value !== null) {
+                            for (const warning of checkSlots(gridRef.value)) {
+                                // eslint-disable-next-line no-console
+                                console.warn(warning);
+                            }
                         }
-                    }
-                };
-                onMounted(check);
-                onUpdated(check);
+                    };
+                    onMounted(check);
+                    onUpdated(check);
+                }
+            }
+            catch (error) {
+                // Without a bundler, `process` may not exist: then this isn't development.
+                if (!(error instanceof ReferenceError)) {
+                    throw error;
+                }
             }
             return () => {
                 const { sizeContainer, grid } = markup.elements(props.dataArea);

package/package.json

@@ -1,7 +1,14 @@
 {
   "name": "@typed-grid-areas/vue",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Vue adapter for typed-grid-areas: render a grid definition as typed slot components.",
+  "keywords": [
+    "css-grid",
+    "grid-template-areas",
+    "layout",
+    "typescript",
+    "vue"
+  ],
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -9,7 +16,7 @@
     "url": "git+https://github.com/MichaelBuss/typed-grid-areas.git",
     "directory": "packages/vue"
   },
-  "homepage": "https://github.com/MichaelBuss/typed-grid-areas#readme",
+  "homepage": "https://michaelbuss.github.io/typed-grid-areas/",
   "bugs": {
     "url": "https://github.com/MichaelBuss/typed-grid-areas/issues"
   },
@@ -20,12 +27,13 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "REFERENCE.md"
   ],
   "scripts": {
     "build": "tsc -p tsconfig.build.json",
-    "prepack": "npm run build && cp ../../README.md ../../LICENSE .",
-    "postpack": "rm README.md LICENSE",
+    "prepack": "npm run build && cp ../../README.md ../../REFERENCE.md ../../LICENSE .",
+    "postpack": "rm README.md REFERENCE.md LICENSE",
     "test": "vitest run --project unit --project node",
     "test:browser": "vitest run --project browser --project browser-development",
     "typecheck": "node scripts/vue-tsc.cjs --noEmit"
@@ -34,7 +42,7 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "typed-grid-areas": "^0.2.0"
+    "typed-grid-areas": "^0.3.1"
   },
   "devDependencies": {
     "@typed-grid-areas/acceptance": "*",