@bardioc/create-bardioc-app 0.5.4 → 0.5.6

package/templates/vue/src/bardioc-sdk.ts

@@ -4,20 +4,20 @@ import { inject, type InjectionKey } from 'vue';
 export const BARDIOC_BRIDGE_KEY: InjectionKey<HostBridge> = Symbol('bardiocBridge');
 
 export function createAppSdkBridge(appId: string): HostBridge {
-	return createHostBridge({ appId });
+  return createHostBridge({ appId });
 }
 
 export function useBardiocBridge(): HostBridge {
-	const bridge = inject(BARDIOC_BRIDGE_KEY);
-	if (!bridge) {
-		throw new Error('useBardiocBridge() must be used after providing BARDIOC_BRIDGE_KEY');
-	}
-	return bridge;
+  const bridge = inject(BARDIOC_BRIDGE_KEY);
+  if (!bridge) {
+    throw new Error('useBardiocBridge() must be used after providing BARDIOC_BRIDGE_KEY');
+  }
+  return bridge;
 }
 
 export function useNotify() {
-	const bridge = useBardiocBridge();
-	return (message: string, level?: NotifyLevel) => {
-		bridge.notify(message, level);
-	};
-}
+  const bridge = useBardiocBridge();
+  return (message: string, level?: NotifyLevel) => {
+    bridge.notify(message, level);
+  };
+}

package/templates/vue/src/index.css

@@ -1,76 +1,79 @@
 @import 'tailwindcss';
 
 * {
-  box-sizing: border-box;
+    box-sizing: border-box;
 }
 
 html,
 body,
 #app {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
+    margin: 0;
+    padding: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
 }
 
 :root {
-  --background: oklch(17.88% 0.0075 229.38);
-  --foreground: oklch(98.69% 0.0093 99.98);
-  --muted-foreground: oklch(86.03% 0.0056 95.11);
-  --border: oklch(1 0 0 / 10%);
-  --primary: oklch(97.02% 0 0);
-  --primary-foreground: oklch(36.94% 0.0053 236.64);
-  --destructive: oklch(68.04% 0.1386 21.38);
-  --ring: oklch(79.43% 0.0084 98.91);
+    --background: oklch(17.88% 0.0075 229.38);
+    --foreground: oklch(98.69% 0.0093 99.98);
+    --muted-foreground: oklch(86.03% 0.0056 95.11);
+    --border: oklch(1 0 0 / 10%);
+    --primary: oklch(97.02% 0 0);
+    --primary-foreground: oklch(36.94% 0.0053 236.64);
+    --destructive: oklch(68.04% 0.1386 21.38);
+    --ring: oklch(79.43% 0.0084 98.91);
 }
 
 body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: system-ui, -apple-system, sans-serif;
+    background: var(--background);
+    color: var(--foreground);
+    font-family:
+        system-ui,
+        -apple-system,
+        sans-serif;
 }
 
 code {
-  font-family: inherit;
+    font-family: inherit;
 }
 
 .bg-background {
-  background-color: var(--background);
+    background-color: var(--background);
 }
 
 .text-foreground {
-  color: var(--foreground);
+    color: var(--foreground);
 }
 
 .text-muted-foreground {
-  color: var(--muted-foreground);
+    color: var(--muted-foreground);
 }
 
 .border-border {
-  border-color: var(--border);
+    border-color: var(--border);
 }
 
 .bg-primary {
-  background-color: var(--primary);
+    background-color: var(--primary);
 }
 
 .text-primary-foreground {
-  color: var(--primary-foreground);
+    color: var(--primary-foreground);
 }
 
 .text-destructive {
-  color: var(--destructive);
+    color: var(--destructive);
 }
 
 .focus\:ring-ring:focus {
-  --tw-ring-color: var(--ring);
+    --tw-ring-color: var(--ring);
 }
 
 .hover\:bg-primary\/90:hover {
-  background-color: oklch(from var(--primary) calc(l * 0.9) c h);
+    background-color: oklch(from var(--primary) calc(l * 0.9) c h);
 }
 
 .hover\:text-foreground:hover {
-  color: var(--foreground);
+    color: var(--foreground);
 }

package/templates/vue/src/vite-env.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="vite/client" />
 
 interface ImportMetaEnv {
-  readonly VITE_APP_NAME: string
+  readonly VITE_APP_NAME: string;
 }
 
 interface ImportMeta {
-  readonly env: ImportMetaEnv
+  readonly env: ImportMetaEnv;
 }
 
 declare module '*.vue' {

package/templates/vue/tsconfig.json

@@ -1,22 +1,18 @@
 {
+  "extends": "@bardioc/configs/typescript/base.json",
   "compilerOptions": {
-    "target": "ES2022",
-    "useDefineForClassFields": true,
+    "declaration": false,
+    "declarationMap": false,
     "module": "ESNext",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
     "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
     "noEmit": true,
+    "useDefineForClassFields": true,
+    "allowImportingTsExtensions": true,
     "jsx": "preserve",
-    "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
-    "ignoreDeprecations": "6.0",
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]

package/templates/vue/vite.config.ts

@@ -1,6 +1,6 @@
 import { bardiocApp, bardiocDevAuth } from '@bardioc/app-sdk/vite';
-import vue from '@vitejs/plugin-vue';
 import tailwindcss from '@tailwindcss/vite';
+import vue from '@vitejs/plugin-vue';
 import { defineConfig, loadEnv } from 'vite';
 
 export default defineConfig(({ mode }) => {
@@ -12,6 +12,11 @@ export default defineConfig(({ mode }) => {
   }
 
   return {
-    plugins: [bardiocDevAuth({ appName }), vue(), bardiocApp({ appName, port: {{PORT}} }), tailwindcss()],
+    plugins: [
+      bardiocDevAuth({ appName }),
+      vue(),
+      bardiocApp({ appName, port: {{PORT}} }),
+      tailwindcss(),
+    ],
   };
 });