rimelight-components 1.1.1 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/module.mjs +18 -2
  2. package/dist/runtime/components/app/Footer.vue +23 -23
  3. package/dist/runtime/components/app/Header.d.vue.ts +6 -6
  4. package/dist/runtime/components/app/Header.vue +50 -34
  5. package/dist/runtime/components/app/Header.vue.d.ts +6 -6
  6. package/package.json +8 -8
package/dist/module.mjs CHANGED
@@ -22,10 +22,26 @@ const module = defineNuxtModule({
22
22
  version: ">=4.0.0",
23
23
  optional: false,
24
24
  overrides: {},
25
- defaults: {}
25
+ defaults: {
26
+ prefix: "U",
27
+ theme: {
28
+ colors: [
29
+ "neutral",
30
+ "primary",
31
+ "secondary",
32
+ "info",
33
+ "success",
34
+ "warning",
35
+ "error",
36
+ "commentary",
37
+ "ideation",
38
+ "source"
39
+ ]
40
+ }
41
+ }
26
42
  }
27
43
  },
28
- async setup() {
44
+ setup() {
29
45
  const resolver = createResolver(import.meta.url);
30
46
  addComponentsDir({
31
47
  path: resolver.resolve("./runtime/components/"),
package/dist/runtime/components/app/Footer.vue CHANGED
@@ -1,23 +1,23 @@
1
- <script setup lang="ts">
2
-
3
- </script>
4
-
5
- <template>
6
- <footer class="py-8 lg:py-12">
7
- <UContainer class="flex flex-col justify-between gap-xl lg:flex-row">
8
- <div class="order-last items-center flex flex-col justify-between gap-xl lg:order-first lg:flex-1 lg:items-start">
9
- <slot name="left"/>
10
- </div>
11
- <div class="flex flex-col items-start">
12
- <slot name="center"/>
13
- </div>
14
- <div class="order-first lg:order-last flex flex-col items-center justify-between gap-xl lg:flex-1 lg:items-end">
15
- <slot name="right"/>
16
- </div>
17
- </UContainer>
18
- </footer>
19
- </template>
20
-
21
- <style scoped>
22
-
23
- </style>
1
+ <script setup lang="ts"></script>
2
+
3
+ <template>
4
+ <footer class="py-8 lg:py-12">
5
+ <UContainer class="flex flex-col justify-between gap-xl lg:flex-row">
6
+ <div
7
+ class="order-last flex flex-col items-center justify-between gap-xl lg:order-1 lg:flex-1 lg:items-start"
8
+ >
9
+ <slot name="left" />
10
+ </div>
11
+ <div class="flex flex-col items-start lg:order-2">
12
+ <slot name="center" />
13
+ </div>
14
+ <div
15
+ class="order-first flex flex-col items-center justify-between gap-xl lg:order-3 lg:flex-1 lg:items-end"
16
+ >
17
+ <slot name="right" />
18
+ </div>
19
+ </UContainer>
20
+ </footer>
21
+ </template>
22
+
23
+ <style scoped></style>
package/dist/runtime/components/app/Header.d.vue.ts CHANGED
@@ -1,16 +1,16 @@
1
1
  declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
2
2
  type __VLS_Slots = {} & {
3
- 'collapsed-left'?: (props: typeof __VLS_6) => any;
3
+ left?: (props: typeof __VLS_6) => any;
4
4
  } & {
5
- 'collapsed-center'?: (props: typeof __VLS_8) => any;
5
+ center?: (props: typeof __VLS_8) => any;
6
6
  } & {
7
- 'collapsed-right'?: (props: typeof __VLS_10) => any;
7
+ right?: (props: typeof __VLS_10) => any;
8
8
  } & {
9
- left?: (props: typeof __VLS_12) => any;
9
+ 'collapsed-left'?: (props: typeof __VLS_12) => any;
10
10
  } & {
11
- center?: (props: typeof __VLS_14) => any;
11
+ 'collapsed-center'?: (props: typeof __VLS_14) => any;
12
12
  } & {
13
- right?: (props: typeof __VLS_16) => any;
13
+ 'collapsed-right'?: (props: typeof __VLS_16) => any;
14
14
  };
15
15
  declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
16
16
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
package/dist/runtime/components/app/Header.vue CHANGED
@@ -1,34 +1,50 @@
1
- <script setup lang="ts">
2
-
3
- </script>
4
-
5
- <template>
6
- <header class="h-[var(--ui-header-height)]">
7
- <UContainer class="h-full">
8
- <div class="flex flex-row items-center justify-between p-sm h-full">
9
- <div class="sm:hidden">
10
- <slot name="collapsed-left" />
11
- </div>
12
- <div class="sm:hidden">
13
- <slot name="collapsed-center" />
14
- </div>
15
- <div class="sm:hidden">
16
- <slot name="collapsed-right" />
17
- </div>
18
- <div class="hidden sm:block">
19
- <slot name="left" />
20
- </div>
21
- <div class="hidden sm:block">
22
- <slot name="center" />
23
- </div>
24
- <div class="hidden sm:block">
25
- <slot name="right" />
26
- </div>
27
- </div>
28
- </UContainer>
29
- </header>
30
- </template>
31
-
32
- <style scoped>
33
-
34
- </style>
1
+ <script setup>
2
+ import { tv } from "tailwind-variants";
3
+ const header = tv({
4
+ slots: {
5
+ root: "sticky top-0 z-50 h-(--ui-header-height)",
6
+ container: "h-full flex flex-row items-center justify-between p-sm",
7
+ left: "hidden lg:flex",
8
+ center: "hidden lg:flex",
9
+ right: "hidden lg:flex",
10
+ collapsedLeft: "lg:hidden",
11
+ collapsedCenter: "lg:hidden",
12
+ collapsedRight: "lg:hidden"
13
+ }
14
+ });
15
+ const {
16
+ root,
17
+ container,
18
+ left,
19
+ center,
20
+ right,
21
+ collapsedLeft,
22
+ collapsedCenter,
23
+ collapsedRight
24
+ } = header();
25
+ </script>
26
+
27
+ <template>
28
+ <header :class="root()">
29
+ <UContainer :class="container()">
30
+ <div :class="left()">
31
+ <slot name="left" />
32
+ </div>
33
+ <div :class="center()">
34
+ <slot name="center" />
35
+ </div>
36
+ <div :class="right()">
37
+ <slot name="right" />
38
+ </div>
39
+ <div :class="collapsedLeft()">
40
+ <slot name="collapsed-left" />
41
+ </div>
42
+ <div :class="collapsedCenter()">
43
+ <slot name="collapsed-center" />
44
+ </div>
45
+ <div :class="collapsedRight()">
46
+ <slot name="collapsed-right" />
47
+ </div>
48
+ </UContainer>
49
+ </header>
50
+ </template>
package/dist/runtime/components/app/Header.vue.d.ts CHANGED
@@ -1,16 +1,16 @@
1
1
  declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
2
2
  type __VLS_Slots = {} & {
3
- 'collapsed-left'?: (props: typeof __VLS_6) => any;
3
+ left?: (props: typeof __VLS_6) => any;
4
4
  } & {
5
- 'collapsed-center'?: (props: typeof __VLS_8) => any;
5
+ center?: (props: typeof __VLS_8) => any;
6
6
  } & {
7
- 'collapsed-right'?: (props: typeof __VLS_10) => any;
7
+ right?: (props: typeof __VLS_10) => any;
8
8
  } & {
9
- left?: (props: typeof __VLS_12) => any;
9
+ 'collapsed-left'?: (props: typeof __VLS_12) => any;
10
10
  } & {
11
- center?: (props: typeof __VLS_14) => any;
11
+ 'collapsed-center'?: (props: typeof __VLS_14) => any;
12
12
  } & {
13
- right?: (props: typeof __VLS_16) => any;
13
+ 'collapsed-right'?: (props: typeof __VLS_16) => any;
14
14
  };
15
15
  declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
16
16
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rimelight-components",
3
- "version": "1.1.1",
3
+ "version": "1.1.3",
4
4
  "description": "My new Nuxt module",
5
5
  "repository": "RimelightEntertainment/rimelight-components",
6
6
  "license": "MIT",
@@ -28,20 +28,23 @@
28
28
  "dev:build": "nuxi build playground",
29
29
  "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
30
30
  "release": "bun run lint && bun run test && bun run prepack && changelogen --release && bun publish && git push --follow-tags",
31
- "lint": "eslint .",
31
+ "lint": "oxlint .",
32
+ "lint:fix": "oxlint . --fix",
32
33
  "test": "vitest run",
33
34
  "test:watch": "vitest watch",
34
35
  "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
35
36
  },
37
+ "workspaces": [
38
+ "playground"
39
+ ],
36
40
  "dependencies": {
37
- "nuxt": "^4.1.3",
38
41
  "@nuxt/kit": "^4.1.3",
39
42
  "date-fns": "^4.1.0",
43
+ "nuxt": "^4.1.3",
44
+ "tailwind-variants": "^3.1.1",
40
45
  "vue": "^3.5.22"
41
46
  },
42
47
  "devDependencies": {
43
- "@nuxt/ui": "^4.0.1",
44
- "@nuxt/image": "1.11.0",
45
48
  "@nuxt/devtools": "^2.6.5",
46
49
  "@nuxt/module-builder": "^1.0.2",
47
50
  "@nuxt/schema": "^4.1.3",
@@ -55,8 +58,5 @@
55
58
  "oxlint": "^1.21.0",
56
59
  "prettier": "^3.6.2",
57
60
  "prettier-plugin-tailwindcss": "^0.6.14"
58
- },
59
- "peerDependencies": {
60
- "@nuxt/ui": "^4.0.1"
61
61
  }
62
62
  }