From 93a014446312142926715e075db651194bf2dc23 Mon Sep 17 00:00:00 2001
From: skirtle <65301168+skirtles-code@users.noreply.github.com>
Date: Wed, 26 Mar 2025 17:56:41 +0000
Subject: [PATCH] Fix type checking for global variables such as __DEV__

---
 .../config/packages/@projectName@/env.d.ts    |  1 -
 .../{src/global.d.ts.ejs => env.d.ts.ejs}     |  2 ++
 .../src/components/ExampleComponent.vue.ejs   |  5 +---
 .../@projectName@/src/components/MyPanel.vue  |  5 ++++
 .../src/components/MyPanelSection.vue         | 15 -----------
 .../src/components/MyPanelSection.vue.ejs     | 25 +++++++++++++++++++
 .../src/{index.ts => index.ts.ejs}            |  7 ++++++
 .../config/packages/playground/env.d.ts       |  2 +-
 .../vitepress/config/packages/docs/env.d.ts   |  2 +-
 9 files changed, 42 insertions(+), 22 deletions(-)
 delete mode 100644 packages/create-vue-lib/src/template/base/config/packages/@projectName@/env.d.ts
 rename packages/create-vue-lib/src/template/base/config/packages/@projectName@/{src/global.d.ts.ejs => env.d.ts.ejs} (74%)
 delete mode 100644 packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanelSection.vue
 create mode 100644 packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanelSection.vue.ejs
 rename packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/{index.ts => index.ts.ejs} (51%)

diff --git a/packages/create-vue-lib/src/template/base/config/packages/@projectName@/env.d.ts b/packages/create-vue-lib/src/template/base/config/packages/@projectName@/env.d.ts
deleted file mode 100644
index 11f02fe..0000000
--- a/packages/create-vue-lib/src/template/base/config/packages/@projectName@/env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// <reference types="vite/client" />
diff --git a/packages/create-vue-lib/src/template/base/config/packages/@projectName@/src/global.d.ts.ejs b/packages/create-vue-lib/src/template/base/config/packages/@projectName@/env.d.ts.ejs
similarity index 74%
rename from packages/create-vue-lib/src/template/base/config/packages/@projectName@/src/global.d.ts.ejs
rename to packages/create-vue-lib/src/template/base/config/packages/@projectName@/env.d.ts.ejs
index 9f0d12a..81dd1eb 100644
--- a/packages/create-vue-lib/src/template/base/config/packages/@projectName@/src/global.d.ts.ejs
+++ b/packages/create-vue-lib/src/template/base/config/packages/@projectName@/env.d.ts.ejs
@@ -1,3 +1,5 @@
+/// <reference types="vite/client" />
+
 declare const __DEV__: boolean
 <%_ if (config.includeTestVariable) { _%>
 declare const __TEST__: boolean
diff --git a/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/ExampleComponent.vue.ejs b/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/ExampleComponent.vue.ejs
index 5aba13b..5f25c65 100644
--- a/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/ExampleComponent.vue.ejs
+++ b/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/ExampleComponent.vue.ejs
@@ -2,10 +2,7 @@
 import { ref } from 'vue'
 
 if (__DEV__) {
-  console.log('dev: creating ExampleComponent')
-  <%_ if (config.includeTestVariable) { _%>
-  console.log(`__TEST__: ${__TEST__}`)
-  <%_ } _%>
+  console.log('[<%- config.scopedPackageName %>] creating ExampleComponent')
 }
 
 const msg = ref('Hello world!')
diff --git a/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanel.vue b/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanel.vue
index db3c3b6..19a47bf 100644
--- a/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanel.vue
+++ b/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanel.vue
@@ -1,10 +1,15 @@
 <script setup lang="ts">
+import { provide } from 'vue'
 import MyPanelSection from './MyPanelSection.vue'
 
 defineProps<{
   title?: string
   footer?: string
 }>()
+
+if (__DEV__) {
+  provide('MyPanel', true)
+}
 </script>
 
 <template>
diff --git a/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanelSection.vue b/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanelSection.vue
deleted file mode 100644
index d81565c..0000000
--- a/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanelSection.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  <div class="panel-section">
-    <slot />
-  </div>
-</template>
-
-<style scoped>
-.panel-section {
-  padding: 10px;
-}
-</style>
diff --git a/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanelSection.vue.ejs b/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanelSection.vue.ejs
new file mode 100644
index 0000000..2415c4d
--- /dev/null
+++ b/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanelSection.vue.ejs
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { inject, provide } from 'vue'
+
+if (__DEV__) {
+  const insideMyPanel = inject('MyPanel', false)
+
+  if (!insideMyPanel) {
+    console.warn('[<%- config.scopedPackageName %>] MyPanelSection can only be used inside MyPanel')
+  }
+
+  provide('MyPanel', false)
+}
+</script>
+
+<template>
+  <div class="panel-section">
+    <slot />
+  </div>
+</template>
+
+<style scoped>
+.panel-section {
+  padding: 10px;
+}
+</style>
diff --git a/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/index.ts b/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/index.ts.ejs
similarity index 51%
rename from packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/index.ts
rename to packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/index.ts.ejs
index 0ad6b51..131ab87 100644
--- a/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/index.ts
+++ b/packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/index.ts.ejs
@@ -1,3 +1,10 @@
 export { default as ExampleComponent } from './components/ExampleComponent.vue'
 export { default as MyPanel } from './components/MyPanel.vue'
 export { default as MyPanelSection } from './components/MyPanelSection.vue'
+
+if (__DEV__) {
+  console.log('[<%- config.scopedPackageName %>] dev mode')
+  <%_ if (config.includeTestVariable) { _%>
+  console.log(`[<%- config.scopedPackageName %>] __TEST__: ${__TEST__}`)
+  <%_ } _%>
+}
diff --git a/packages/create-vue-lib/src/template/playground/config/packages/playground/env.d.ts b/packages/create-vue-lib/src/template/playground/config/packages/playground/env.d.ts
index 94de548..7a25855 100644
--- a/packages/create-vue-lib/src/template/playground/config/packages/playground/env.d.ts
+++ b/packages/create-vue-lib/src/template/playground/config/packages/playground/env.d.ts
@@ -1,3 +1,3 @@
 /// <reference types="vite/client" />
 
-import '../@projectName@/src/global.d.ts'
+import '../@projectName@/env.d.ts'
diff --git a/packages/create-vue-lib/src/template/vitepress/config/packages/docs/env.d.ts b/packages/create-vue-lib/src/template/vitepress/config/packages/docs/env.d.ts
index 94de548..7a25855 100644
--- a/packages/create-vue-lib/src/template/vitepress/config/packages/docs/env.d.ts
+++ b/packages/create-vue-lib/src/template/vitepress/config/packages/docs/env.d.ts
@@ -1,3 +1,3 @@
 /// <reference types="vite/client" />
 
-import '../@projectName@/src/global.d.ts'
+import '../@projectName@/env.d.ts'