@vc-shell/create-vc-app 1.0.119 → 1.0.121

package/dist/templates/base/_gitignore

@@ -0,0 +1,71 @@
+# OS Specific
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# IDE Specific
+nbproject
+.~lock.*
+.buildpath
+.idea
+.project
+.settings
+composer.lock
+*.sublime-workspace
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Project Specific
+node_modules
+*.log
+/lib
+tmp
+.changelog
+coverage/
+.nyc_output/
+.eslintcache
+
+# local env files
+.env.local
+.env.*.local
+
+# compiled output
+dist/
+storybook-static
+*.tsbuildinfo
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# Visual Studio 2015/2017 cache/options directory
+.vs/*
+
+# Temporary
+package-lock.json
+
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

package/dist/templates/base/_yarnrc.yml

@@ -0,0 +1,9 @@
+nodeLinker: node-modules
+
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
+    spec: "@yarnpkg/plugin-workspace-tools"
+  - path: .yarn/plugins/@yarnpkg/plugin-version.cjs
+    spec: "@yarnpkg/plugin-version"
+
+yarnPath: .yarn/releases/yarn-3.6.4.cjs

package/dist/templates/base/package.json

@@ -21,7 +21,8 @@
     "@types/lodash-es": "^4.17.7",
     "@typescript-eslint/eslint-plugin": "^5.59.7",
     "@typescript-eslint/parser": "^5.59.7",
-    "@vc-shell/api-client-generator": "^1.0.119",
+    "@vc-shell/api-client-generator": "^1.0.121",
+    "@vc-shell/ts-config": "^1.0.121",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vue/eslint-config-prettier": "^7.1.0",
     "@vue/eslint-config-typescript": "^11.0.3",
@@ -53,8 +54,8 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.15.3",
-    "@vc-shell/config-generator": "^1.0.119",
-    "@vc-shell/framework": "^1.0.119",
+    "@vc-shell/config-generator": "^1.0.121",
+    "@vc-shell/framework": "^1.0.121",
     "@vueuse/core": "^10.1.2",
     "@vueuse/integrations": "^10.1.2",
     "moment": "^2.29.4",

package/dist/templates/variants/both/src/modules/dynamic-module/composables/useDetails/index.ts

@@ -1,5 +1,5 @@
 /* eslint-disable import/no-unresolved */
-import { computed, ref } from "vue";
+import { computed, ref, Ref } from "vue";
 import img1 from "/assets/1.jpeg";
 import img2 from "/assets/2.jpg";
 import img3 from "/assets/3.jpg";
@@ -19,6 +19,7 @@ export interface DynamicItemScope extends DetailsBaseBladeScope {
 export default (args: {
   props: InstanceType<typeof DynamicBladeForm>["$props"];
   emit: InstanceType<typeof DynamicBladeForm>["$emit"];
+  mounted: Ref<boolean>;
 }) => {
   const factory = useDetailsFactory<{ imgSrc: string; name: string; createdDate: Date; id: string }>({
     load: async (payload) => {

package/dist/templates/variants/both/src/modules/dynamic-module/composables/useList/index.ts

@@ -1,5 +1,5 @@
 /* eslint-disable import/no-unresolved */
-import { computed, ref } from "vue";
+import { computed, ref, Ref } from "vue";
 import img1 from "/assets/1.jpeg";
 import img2 from "/assets/2.jpg";
 import img3 from "/assets/3.jpg";
@@ -11,6 +11,7 @@ export interface DynamicItemsScope extends ListBaseBladeScope {}
 export default (args: {
   props: InstanceType<typeof DynamicBladeList>["$props"];
   emit: InstanceType<typeof DynamicBladeList>["$emit"];
+  mounted: Ref<boolean>;
 }) => {
   const factory = useListFactory({
     load: async () => {

package/dist/templates/variants/both/src/pages/App.vue

@@ -65,7 +65,7 @@ import {
   ChangePassword,
   LanguageSelector,
   UserDropdownButton,
-  BladePageComponent,
+  BladeInstanceConstructor,
 } from "@vc-shell/framework";
 import { computed, inject, onMounted, reactive, ref, Ref, markRaw, watch, defineComponent, provide } from "vue";
 import { useRoute, useRouter } from "vue-router";
@@ -101,7 +101,7 @@ const route = useRoute();
 const router = useRouter();
 const isAuthorized = ref(true);
 const isReady = ref(false);
-const pages = inject<BladePageComponent[]>("pages");
+const pages = inject<BladeInstanceConstructor[]>("pages");
 const isDesktop = inject<Ref<boolean>>("isDesktop");
 const isMobile = inject<Ref<boolean>>("isMobile");
 const version = import.meta.env.PACKAGE_VERSION;
@@ -277,10 +277,10 @@ const openDashboard = async () => {
 async function customizationHandler() {
   await getUiCustomizationSettings();
 
-  if (!uiSettings.value.logo) {
+  if (!uiSettings.value?.logo) {
     applySettings({ logo: logoImage });
   }
-  if (!uiSettings.value.title) {
+  if (!uiSettings.value?.title) {
     applySettings({ title: undefined });
   }
 }

package/dist/templates/variants/classic/src/pages/App.vue

@@ -65,7 +65,7 @@ import {
   ChangePassword,
   LanguageSelector,
   UserDropdownButton,
-  BladePageComponent,
+  BladeInstanceConstructor,
 } from "@vc-shell/framework";
 import { computed, inject, onMounted, reactive, ref, Ref, markRaw, watch, defineComponent, provide } from "vue";
 import { useRoute, useRouter } from "vue-router";
@@ -100,7 +100,7 @@ const route = useRoute();
 const router = useRouter();
 const isAuthorized = ref(true);
 const isReady = ref(false);
-const pages = inject<BladePageComponent[]>("pages");
+const pages = inject<BladeInstanceConstructor[]>("pages");
 const isDesktop = inject<Ref<boolean>>("isDesktop");
 const isMobile = inject<Ref<boolean>>("isMobile");
 const version = import.meta.env.PACKAGE_VERSION;
@@ -270,10 +270,10 @@ const openDashboard = async () => {
 async function customizationHandler() {
   await getUiCustomizationSettings();
 
-  if (!uiSettings.value.logo) {
+  if (!uiSettings.value?.logo) {
     applySettings({ logo: logoImage });
   }
-  if (!uiSettings.value.title) {
+  if (!uiSettings.value?.title) {
     applySettings({ title: undefined });
   }
 }

package/dist/templates/variants/dynamic/src/modules/dynamic-module/composables/useDetails/index.ts

@@ -1,5 +1,5 @@
 /* eslint-disable import/no-unresolved */
-import { computed, ref } from "vue";
+import { Ref, computed, ref } from "vue";
 import img1 from "/assets/1.jpeg";
 import img2 from "/assets/2.jpg";
 import img3 from "/assets/3.jpg";
@@ -19,6 +19,7 @@ export interface DynamicItemScope extends DetailsBaseBladeScope {
 export default (args: {
   props: InstanceType<typeof DynamicBladeForm>["$props"];
   emit: InstanceType<typeof DynamicBladeForm>["$emit"];
+  mounted: Ref<boolean>;
 }) => {
   const factory = useDetailsFactory<{ imgSrc: string; name: string; createdDate: Date; id: string }>({
     load: async (payload) => {
@@ -58,13 +59,6 @@ export default (args: {
 
   const { load, saveChanges, remove, loading, item, validationState } = factory();
 
-  // const item = ref({
-  //   imgSrc: undefined,
-  //   name: undefined,
-  //   createdDate: undefined,
-  //   id: undefined,
-  // });
-
   const scope = ref<DynamicItemScope>({
     toolbarOverrides: {
       refresh: {

package/dist/templates/variants/dynamic/src/modules/dynamic-module/composables/useList/index.ts

@@ -1,5 +1,5 @@
 /* eslint-disable import/no-unresolved */
-import { computed, ref } from "vue";
+import { Ref, computed, ref } from "vue";
 import img1 from "/assets/1.jpeg";
 import img2 from "/assets/2.jpg";
 import img3 from "/assets/3.jpg";
@@ -11,6 +11,7 @@ export interface DynamicItemsScope extends ListBaseBladeScope {}
 export default (args: {
   props: InstanceType<typeof DynamicBladeList>["$props"];
   emit: InstanceType<typeof DynamicBladeList>["$emit"];
+  mounted: Ref<boolean>;
 }) => {
   const factory = useListFactory({
     load: async () => {

package/dist/templates/variants/dynamic/src/pages/App.vue

@@ -65,7 +65,7 @@ import {
   ChangePassword,
   LanguageSelector,
   UserDropdownButton,
-  BladePageComponent,
+  BladeInstanceConstructor,
 } from "@vc-shell/framework";
 import { computed, inject, onMounted, reactive, ref, Ref, markRaw, watch, defineComponent, provide } from "vue";
 import { useRoute, useRouter } from "vue-router";
@@ -100,7 +100,7 @@ const route = useRoute();
 const router = useRouter();
 const isAuthorized = ref(true);
 const isReady = ref(false);
-const pages = inject<BladePageComponent[]>("pages");
+const pages = inject<BladeInstanceConstructor[]>("pages");
 const isDesktop = inject<Ref<boolean>>("isDesktop");
 const isMobile = inject<Ref<boolean>>("isMobile");
 const version = import.meta.env.PACKAGE_VERSION;
@@ -270,10 +270,10 @@ const openDashboard = async () => {
 async function customizationHandler() {
   await getUiCustomizationSettings();
 
-  if (!uiSettings.value.logo) {
+  if (!uiSettings.value?.logo) {
     applySettings({ logo: logoImage });
   }
-  if (!uiSettings.value.title) {
+  if (!uiSettings.value?.title) {
     applySettings({ title: undefined });
   }
 }