@sbc-connect/nuxt-base 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# @sbc-connect/nuxt-base
+
+## 0.1.2
+
+### Patch Changes
+
+- [#5](https://github.com/bcgov/connect-nuxt/pull/5) [`2999779`](https://github.com/bcgov/connect-nuxt/commit/29997796bd3908b2c5ba04319b26cbb00bffe0fc) Thanks [@kialj876](https://github.com/kialj876)! - Updated fonts propagation in base, cleaned up dependencies in layers
+
+## 0.1.1
+
+### Patch Changes
+
+- [#3](https://github.com/bcgov/connect-nuxt/pull/3) [`401b62a`](https://github.com/bcgov/connect-nuxt/commit/401b62a465c338cb745c14db645797ffaac1ddab) Thanks [@kialj876](https://github.com/kialj876)! - Layer updates

package/app/app.vue

@@ -1,14 +1,5 @@
 <template>
-  <div class="app-container">
-    <div class="app-inner-container app-body">
-      <div class="flex flex-col lg:flex-row lg:gap-6 grow">
-        <div class="grow max-w-full overflow-hidden">
-          <HelloWorld />
-          Base layer text update
-          <NewItem />
-          <BaseItem />
-        </div>
-      </div>
-    </div>
-  </div>
+  <nuxt-layout>
+    <nuxt-page />
+  </nuxt-layout>
 </template>

package/app/components/{HelloWorld.vue → HelloWorld/Index.vue}

@@ -4,10 +4,11 @@ const { myLayer } = useAppConfig()
 
 <template>
   <div class="bg-primary">
-    <h1>Hello World! NEW x 3!!!</h1>
+    Should have bg-primary
+    <h1>Hello World!</h1>
     <pre>{{ myLayer }}</pre>
     <p class="text-bcGovGray-900">
-      Hello World text base
+      Hello World text base should be bcGovGray-900
     </p>
   </div>
 </template>

package/app/layouts/default.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="app-container">
+    <div class="app-inner-container app-body">
+      <div class="flex flex-col lg:flex-row lg:gap-6 grow">
+        <div class="grow max-w-full overflow-hidden">
+          <slot />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

package/eslint.config.ts

@@ -0,0 +1,3 @@
+import eslintConfig from '@sbc-connect/eslint-config'
+
+export default eslintConfig

package/modules/assets/index.ts

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, installModule } from '@nuxt/kit'
+import { defineNuxtModule, createResolver, installModule } from 'nuxt/kit'
 
 // Module options TypeScript interface definition
 export interface ModuleOptions {
@@ -16,9 +16,9 @@ export default defineNuxtModule<ModuleOptions>({
     console.info('setting up assets module')
     const resolver = createResolver(import.meta.url)
 
-    // _nuxt.options.css.push(resolver.resolve('./runtime/assets/core-main.css'))
     _nuxt.options.css.push(resolver.resolve('./runtime/assets/core-tw.css'))
     _nuxt.options.css.push(resolver.resolve('./runtime/assets/core-layout.css'))
+    _nuxt.options.css.push(resolver.resolve('./runtime/assets/core-main.css'))
     await installModule('@nuxt/ui')
   }
 })

package/modules/assets/runtime/assets/core-main.css

@@ -0,0 +1,6 @@
+@import "tailwindcss";
+@import "@nuxt/ui";
+@import "./core-tw.css";
+@import "./core-layout.css";
+
+@source "../../../../app/";

package/modules/assets/runtime/assets/core-tw.css

@@ -1,7 +1,5 @@
-@import "tailwindcss";
-@import "@nuxt/ui";
-
-@source "../../../../";
+@reference "tailwindcss";
+@reference "@nuxt/ui";
 
 /* Customize Nuxt UI default tokens */
 :root {

package/nuxt.config.ts

@@ -7,8 +7,6 @@ export default defineNuxtConfig({
 
   devtools: { enabled: false },
 
-  modules: ['@nuxt/ui'],
-
   alias: {
     'BCGovFonts': resolve('./public/fonts/BCSans'),
     'BCGovLogoSmEn': resolve('./public/BCGovLogo/gov_bc_logo_vert_en.png'),
@@ -18,7 +16,5 @@ export default defineNuxtConfig({
     '#base': resolve('./')
   },
 
-  css: [],
-
   compatibilityDate: '2025-07-10'
 })

package/package.json

@@ -1,30 +1,24 @@
 {
   "name": "@sbc-connect/nuxt-base",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "repository": "github:bcgov/connect-nuxt",
   "main": "./nuxt.config.ts",
   "dependencies": {
     "@nuxt/ui": "^3.2.0"
   },
   "devDependencies": {
-    "nuxt": "4.0.0",
-    "typescript": "^5.8.3",
-    "vue": "latest",
-    "@nuxtjs/i18n": "^9.5.5",
-    "@playwright/test": "^1.52.0",
     "@axe-core/playwright": "^4.10.2",
-    "@faker-js/faker": "^9.8.0",
-    "@nuxt/test-utils": "^3.19.1",
-    "vitest": "^3.2.3",
+    "@nuxtjs/i18n": "^9.5.5",
     "@vitest/coverage-v8": "^3.2.3",
-    "happy-dom": "^17.6.3",
-    "otpauth": "^9.4.0",
-    "@testing-library/vue": "^8.1.0",
-    "@vue/test-utils": "^2.4.6",
     "dotenv": "^17.2.0",
-    "@sbc-connect/playwright-config": "0.0.1",
-    "@sbc-connect/vitest-config": "0.0.1"
+    "nuxt": "4.0.0",
+    "typescript": "^5.8.3",
+    "vue": "latest",
+    "vue-tsc": "^3.0.2",
+    "@sbc-connect/playwright-config": "0.0.3",
+    "@sbc-connect/vitest-config": "0.0.3",
+    "@sbc-connect/eslint-config": "0.0.3"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -37,6 +31,7 @@
     "lint:fix": "eslint --fix .",
     "test": "pnpm run test:unit; pnpm run test:e2e",
     "test:unit": "vitest run",
-    "test:e2e": "npx playwright test"
+    "test:e2e": "npx playwright test",
+    "typecheck": "npx nuxt typecheck"
   }
 }

package/app/components/BaseItem.vue

@@ -1,8 +0,0 @@
-<script setup lang="ts">
-</script>
-
-<template>
-  <div class="bg-midnightBlue-950">
-    Base Layer Component
-  </div>
-</template>

package/app/components/NewItem.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-const something = ref(false)
-</script>
-
-<template>
-  <div class="bg-yellow-500">
-    I am a new item
-    <br>
-    {{ something }}
-    <br>
-    more stuff here
-    <br>
-    again more stuff
-  </div>
-</template>