@forsakringskassan/vue-lib-template 1.6.3 → 1.7.1

package/files/package.json

@@ -111,7 +111,7 @@
     "@forsakringskassan/stylelint-config": "3.5.1",
     "@forsakringskassan/vite-lib-config": "5.13.0",
     "@forsakringskassan/vitest-config-jsdom": "5.0.1",
-    "@forsakringskassan/vue-lib-template": "1.6.3",
+    "@forsakringskassan/vue-lib-template": "1.7.1",
     "@html-validate/release-scripts": "7.6.12",
     "@types/node": "24.19.1",
     "@typescript/native": "npm:typescript@7.0.2",

package/files/src/components/guide/cat-info/cat-api.spec.ts

@@ -1,5 +1,4 @@
 import { beforeEach, describe, expect, it, vi } from "vitest";
-import { catGetById } from "./cat-api";
 
 describe("catGetById", () => {
     vi.stubEnv("VITE_CAT_API_URL", "/api/cat");
@@ -10,6 +9,7 @@ describe("catGetById", () => {
 
     it("should return a cat when the response is ok", async () => {
         expect.assertions(2);
+        const { catGetById } = await import("./cat-api");
         const mockCat = {
             id: "whiskers-001",
             name: "Whiskers McFluffington",
@@ -32,6 +32,7 @@ describe("catGetById", () => {
 
     it("should throw an error with API message when response is not ok", async () => {
         expect.assertions(1);
+        const { catGetById } = await import("./cat-api");
         const errorResponse = { error: "Cat with ID 'unknown' not found" };
 
         vi.mocked(fetch).mockResolvedValue({
@@ -46,6 +47,7 @@ describe("catGetById", () => {
 
     it("should throw a generic error when response is not ok and no error message is provided", async () => {
         expect.assertions(1);
+        const { catGetById } = await import("./cat-api");
         vi.mocked(fetch).mockResolvedValue({
             ok: false,
             json: () => Promise.resolve({}),
@@ -58,6 +60,7 @@ describe("catGetById", () => {
 
     it("should throw an error when fetch fails", async () => {
         expect.assertions(1);
+        const { catGetById } = await import("./cat-api");
         vi.mocked(fetch).mockRejectedValue(new Error("Network failure"));
 
         await expect(catGetById("whiskers-001")).rejects.toThrow(

package/files/src/components/guide/cat-info/examples/cat-info-example.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import FcCatInfo from "../cat-info.vue";
+import { FcCatInfo } from "@forsakringskassan/vue-lib-template";
 
 const selectedCatId = ref("whiskers-001");
 const isEditable = ref(false);

package/files/src/components/guide/cat-info/examples/cat-info-live-example.vue

@@ -2,8 +2,7 @@
 import { defineComponent } from "vue";
 import { FCheckboxField, FSelectField } from "@fkui/vue";
 import { LiveExample } from "@forsakringskassan/docs-live-example";
-import { getCatIds } from "../cat-data.js";
-import FcCatInfo from "../cat-info.vue";
+import { FcCatInfo } from "@forsakringskassan/vue-lib-template";
 
 export default defineComponent({
     name: "FcCatInfoLiveExample",
@@ -12,7 +11,6 @@ export default defineComponent({
         return {
             selectedCatId: "whiskers-001",
             isEditable: false,
-            catIds: getCatIds(),
         };
     },
     computed: {

package/hooks/install.mjs

@@ -38,6 +38,16 @@ export async function install(context                )                {
     await replaceInFile("tsconfig.lib.json", placeholder, quotedName);
     await replaceInFile("tsconfig.cypress.json", placeholder, quotedName);
     await replaceInFile("tsconfig.selectors.json", placeholder, quotedName);
+    await replaceInFile(
+        "src/components/guide/cat-info/examples/cat-info-example.vue",
+        placeholder,
+        quotedName,
+    );
+    await replaceInFile(
+        "src/components/guide/cat-info/examples/cat-info-live-example.vue",
+        placeholder,
+        quotedName,
+    );
 
     /* enable deployment of documentation if a documentation url is provided */
     await enableDeployDocs(context);

package/index.js

@@ -7,7 +7,7 @@
 
         const options = {
             ...packageJson.cloneman,
-            fileHash: "508323bd62b79aa3dcf33161c2d4c393059955f05f43dfc88eb4676b1a9b16b2",
+            fileHash: "9936efbee4f4c6a825ed9be0159331c8b2cdb765b2c0776a1ae06a226f9e6bc6",
             apiVersion: 0,
             clonemanVersion: "1.27.0",
             filesDir: path.join(import.meta.dirname, "files"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forsakringskassan/vue-lib-template",
-  "version": "1.6.3",
+  "version": "1.7.1",
   "description": "Vue library template based on Cloneman",
   "keywords": [
     "template",
@@ -101,7 +101,6 @@
       "src/selectors/index.ts",
       "src/style.scss",
       "src/theme.scss",
-      "src/vite-dev/app.vue",
       "src/vite-env.d.ts",
       "tsconfig.cypress.json",
       "tsconfig.json",
@@ -202,6 +201,7 @@
       "project.code-workspace",
       "tsconfig-consumer.json",
       "vite.config.ts",
+      "src/vite-dev/app.vue",
       "cypress/support/commands/forced-colors.ts",
       "cypress/support/component-index.html",
       "cypress/types/cy-mount.d.ts",

package/files/src/vite-dev/app.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import { ref } from "vue";
-import { FTextField } from "@fkui/vue";
-
-const namn = ref("Vue lib template");
-</script>
-
-<template>
-    <div class="container">
-        <h1>Development application</h1>
-
-        <f-text-field v-model="namn" v-validation.required maxlength="100"> Namn </f-text-field>
-        <pre>Hello {{ namn }}!</pre>
-    </div>
-</template>