Some mild changes to mary-bsky-components

Author: spearcat

components.d.ts

@@ -13,6 +13,12 @@ declare module 'vue' {
     'AtStyle.ce': typeof import('./src/components/custom-elements/AtStyle.ce.vue')['default']
     'AtWebStylesheet.ce': typeof import('./src/components/custom-elements/AtWebStylesheet.ce.vue')['default']
     'AtWebTitle.ce': typeof import('./src/components/custom-elements/AtWebTitle.ce.vue')['default']
+    'BlueskyPost.ce': typeof import('./src/components/custom-elements/BlueskyPost.ce.vue')['default']
+    BlueskyPostce: typeof import('./src/components/custom-elements/BlueskyPostce.vue')['default']
+    'BlueskyPostEmbed.ce': typeof import('./src/components/custom-elements/BlueskyPostEmbed.ce.vue')['default']
+    'BlueskyProfileCard.ce': typeof import('./src/components/custom-elements/BlueskyProfileCard.ce.vue')['default']
+    'BlueskyProfileFeed.ce': typeof import('./src/components/custom-elements/BlueskyProfileFeed.ce.vue')['default']
+    copy: typeof import('./src/components/custom-elements/BlueskyPostEmbed.ce copy.vue')['default']
     'EightyEightThirtyOneBadge.ce': typeof import('./src/components/custom-elements/EightyEightThirtyOneBadge.ce.vue')['default']
     'LesbiBadge.ce': typeof import('./src/components/custom-elements/LesbiBadge.ce.vue')['default']
     MarkdownRenderer: typeof import('./src/components/MarkdownRenderer.vue')['default']

src/assets/main.scss

@@ -1,4 +1,4 @@
-@import 'mary-bsky-components.scss';
+@import 'mary-bsky-components.css';
 
 /* Reset */
 html,

src/assets/mary-bsky-components.scss renamed to src/assets/mary-bsky-components.css

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import 'bluesky-post-embed';
+</script>
+
+<template>
+    <bluesky-post v-bind="$attrs" />
+</template>

src/components/custom-elements/BlueskyPost.ce.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import 'bluesky-profile-card-embed';
+</script>
+
+<template>
+    <bluesky-profile-card v-bind="$attrs" />
+</template>

src/components/custom-elements/BlueskyProfileCard.ce.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import 'bluesky-profile-feed-embed';
+</script>
+
+<template>
+    <bluesky-profile-feed v-bind="$attrs" />
+</template>

src/components/custom-elements/BlueskyProfileFeed.ce.vue

@@ -1,4 +1,3 @@
-import 'bluesky-post-embed';
 import 'bluesky-profile-card-embed';
 import 'bluesky-profile-feed-embed';
 
@@ -22,6 +21,9 @@ import LesbiBadge from '@/components/custom-elements/LesbiBadge.ce.vue';
 import EightyEightThirtyOneBadge from '@/components/custom-elements/EightyEightThirtyOneBadge.ce.vue';
 import UserbarBadge from '@/components/custom-elements/UserbarBadge.ce.vue';
 import RingLink from '@/components/custom-elements/RingLink.ce.vue';
+import BlueskyPost from '@/components/custom-elements/BlueskyPost.ce.vue';
+import BlueskyProfileCard from '@/components/custom-elements/BlueskyProfileCard.ce.vue';
+import BlueskyProfileFeed from '@/components/custom-elements/BlueskyProfileFeed.ce.vue';
 
 type Props = Record<string, any>;
 
@@ -38,9 +40,9 @@ export const components: MDXComponents = {
     OmitVanillaCss: OmitVanillaCss,
     style: AtStyle,
     title: AtWebTitle,
-    BlueskyPost: 'bluesky-post',
-    BlueskyProfileCard: 'bluesky-profile-card',
-    BlueskyProfileFeed: 'bluesky-profile-feed',
+    BlueskyPost: BlueskyPost,
+    BlueskyProfileCard: BlueskyProfileCard,
+    BlueskyProfileFeed: BlueskyProfileFeed,
     Webamp: WebampPlayer,
     Spotify: SpotifyPlayer,
     Oneko: OnekoKitty,