@skirtle/create-vue-lib 0.0.8 → 0.0.9

package/dist/index.cjs

@@ -5697,7 +5697,7 @@ var import_picocolors = __toESM(require_picocolors(), 1);
 // package.json
 var package_default = {
   name: "@skirtle/create-vue-lib",
-  version: "0.0.8",
+  version: "0.0.9",
   author: "skirtle",
   license: "MIT",
   description: "Create a library using Vue and Vite",

package/dist/template/base/config/packages/@projectName@/{src/global.d.ts.ejs → env.d.ts.ejs}

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

package/dist/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!')

package/dist/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>

package/dist/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>

package/dist/template/base/examples/packages/@projectName@/src/{index.ts → 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__}`)
+  <%_ } _%>
+}

package/dist/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'

package/dist/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'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skirtle/create-vue-lib",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "author": "skirtle",
   "license": "MIT",
   "description": "Create a library using Vue and Vite",

package/dist/template/base/config/packages/@projectName@/env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/dist/template/base/examples/packages/@projectName@/src/components/MyPanelSection.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  <div class="panel-section">
-    <slot />
-  </div>
-</template>
-
-<style scoped>
-.panel-section {
-  padding: 10px;
-}
-</style>