Fix type checking for global variables such as __DEV__ (#5)

Author: skirtles-code

Diff for: packages/create-vue-lib/src/template/base/config/packages/@projectName@/env.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="vite/client" />
+
 declare const __DEV__: boolean
 <%_ if (config.includeTestVariable) { _%>
 declare const __TEST__: boolean

Diff for: packages/create-vue-lib/src/template/base/config/packages/@projectName@/src/global.d.ts.ejs renamed to packages/create-vue-lib/src/template/base/config/packages/@projectName@/env.d.ts.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 for: packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/ExampleComponent.vue.ejs

@@ -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 for: packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanel.vue

@@ -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 for: packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanelSection.vue

@@ -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 for: packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/components/MyPanelSection.vue.ejs

@@ -1,3 +1,3 @@
 /// <reference types="vite/client" />
 
-import '../@projectName@/src/global.d.ts'
+import '../@projectName@/env.d.ts'

Diff for: packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/index.ts renamed to packages/create-vue-lib/src/template/base/examples/packages/@projectName@/src/index.ts.ejs

@@ -1,3 +1,3 @@
 /// <reference types="vite/client" />
 
-import '../@projectName@/src/global.d.ts'
+import '../@projectName@/env.d.ts'