@bagelink/vue 1.15.358 → 1.15.362

package/README.md

@@ -1,64 +1,34 @@
 # @bagelink/vue
 
-Features:
-
-- Build with [unbuild](https://github.com/unjs/unbuild)
-- File-to-file transpilation via [mkdist](https://github.com/unjs/mkdist)
-- Playground with [vite](https://vitejs.dev/)
-
 ## Usage
 
-Use component globally
+Import exactly one Bagel stylesheet from your application entry:
 
 ```ts
 // src/main.ts
-import { createApp } from 'vue';
-import { BagelVue } from '@bagel/vue';
+import { createApp } from 'vue'
+import { BagelVue } from '@bagelink/vue'
 
-import App from './App.vue';
+// Public websites and Blox sites: complete UI styles with system fonts.
+import '@bagelink/vue/styles/core.css'
 
-const BagelConfig = {
-  host: '/api',
-  fileBaseUrl: import.meta.env.VITE_BAGEL_FILE_BASE_URL,
-  onError: (err: any) => {
-    // handle error
-    // example:
-    // useToast().error(`${$t('anErrorOccurred')}: ${err?.response?.data?.detail || err.message}`);
-  },
-};
+import App from './App.vue'
 
-const app = createApp(App);
-app.use(head as Plugin);
-
-app.mount('#app');
+createApp(App)
+  .use(BagelVue)
+  .mount('#app')
 ```
 
-Import component
-
-```vue
-<script setup lang="ts">
-import { useBagel } from '@bagel/vue';
+For Bagel admin applications, replace the core import with:
 
-const bagel = useBagel();
-</script>
-
-<!-- OR -->
-<script lang="ts">
-export default defineComponent({
-  onMounted() {
-    console.log(this.$bagel.host)
-  },
-});
-</script>
-
-<!-- OR -->
-<template>
-	<div>
-		{{ $bagel.host }}
-	</div>
-</template>
+```ts
+import '@bagelink/vue/styles/admin.css'
 ```
 
+`@bagelink/vue/style.css` remains an alias for the admin stylesheet for
+backward compatibility. Do not import internal paths such as
+`@bagelink/vue/dist/style.css`, and do not import more than one aggregate
+stylesheet.
 
 ## License
 

package/dist/admin.css

@@ -0,0 +1 @@
+@import "https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap";@font-face{font-family:Ploni;font-style:normal;font-weight:200;font-stretch:100%;font-display:swap;src:url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-ultralight-aaa.woff2)format("woff2"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-ultralight-aaa.woff)format("woff"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-ultralight-aaa.eot)format("eot")}@font-face{font-family:Ploni;font-style:normal;font-weight:300;font-stretch:100%;font-display:swap;src:url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-light-aaa.woff2)format("woff2"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-light-aaa.woff)format("woff"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-light-aaa.eot)format("eot")}@font-face{font-family:Ploni;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-regular-aaa.woff2)format("woff2"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-regular-aaa.woff)format("woff"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-regular-aaa.eot)format("eot")}@font-face{font-family:Ploni;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-medium-aaa.woff2)format("woff2"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-medium-aaa.woff)format("woff"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-medium-aaa.eot)format("eot")}@font-face{font-family:Ploni;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-demibold-aaa.woff2)format("woff2"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-demibold-aaa.woff)format("woff"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-demibold-aaa.eot)format("eot")}@font-face{font-family:Ploni;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-bold-aaa.woff2)format("woff2"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-bold-aaa.woff)format("woff"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-bold-aaa.eot)format("eot")}@font-face{font-family:Ploni;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-ultrabold-aaa.woff2)format("woff2"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-ultrabold-aaa.woff)format("woff"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-ultrabold-aaa.eot)format("eot")}@font-face{font-family:Ploni;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-black-aaa.woff2)format("woff2"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-black-aaa.woff)format("woff"),url(https://bagel.sfo2.cdn.digitaloceanspaces.com/Fonts/ploni/ploni-black-aaa.eot)format("eot")}:root{--bgl-font:"Lexend", "Ploni", sans-serif}