refactor(histoire): Remove Histoire because of problems with nuxt con…

…tent

README.md

@@ -28,7 +28,6 @@ THX to [antfu / Vitesse Nuxt3](https://github.com/antfu/vitesse-nuxt3) for start
 - [UnoCSS](https://github.com/antfu/unocss) - the instant on-demand atomic CSS engine.
 - [Content](https://content.nuxtjs.org) - parses .md, .yml, .csv and .json files
 - [I18n](https://v8.i18n.nuxtjs.org) - Integration with [Vue I18n](https://vue-i18n.intlify.dev/)
-- [Histoire](https://histoire.dev/?ref=madewithvuejs.com) (Storybook like Component Viewer)
 
 
 

package.json

@@ -13,14 +13,9 @@
     "lint": "eslint --fix .",
     "test:ui": "vitest --ui",
     "test:unit": "vitest --run --reporter verbose",
-    "test:coverage": "vitest run --coverage",
-    "story:dev": "histoire dev",
-    "story:build": "histoire build",
-    "story:preview": "histoire preview"
+    "test:coverage": "vitest run --coverage"
   },
   "devDependencies": {
-    "@histoire/plugin-nuxt": "^0.17.3",
-    "@histoire/plugin-vue": "^0.17.1",
     "@iconify-json/carbon": "^1.1.21",
     "@iconify-json/mdi": "^1.1.54",
     "@iconify-json/prime": "^1.1.6",
@@ -31,7 +26,7 @@
     "@nuxtjs/eslint-config-typescript": "12.1.0",
     "@nuxtjs/i18n": "8.0.0-rc.5",
     "@pinia/nuxt": "^0.5.0",
-    "@sfxcode/nuxt-primevue": "^1.4.0",
+    "@sfxcode/nuxt-primevue": "^1.4.1",
     "@tiptap/extension-highlight": "^2.1.12",
     "@tiptap/extension-text-align": "^2.1.12",
     "@tiptap/extension-text-style": "^2.1.12",
@@ -44,8 +39,6 @@
     "@vueuse/nuxt": "^10.5.0",
     "c8": "^8.0.1",
     "eslint": "^8.51.0",
-    "histoire": "^0.17.2",
-    "jsdom": "^22.1.0",
     "nuxt": "3.7.4",
     "sass": "^1.69.3",
     "typescript": "^5.2.2",

pages/index.vue

@@ -59,9 +59,6 @@ import AdvertiseBox from '@/components/AdvertiseBox.vue'
       <AdvertiseBox header="Vitest" icon="prime-check-circle" color="blue-600">
         Testing with Vitest
       </AdvertiseBox>
-      <AdvertiseBox header="Histoire" icon="prime-check-circle" color="green-600">
-        Interactive Component Playgrounds
-      </AdvertiseBox>
     </div>
   </div>
 </template>

pages/prime/validation.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="card">
-      <div class="max-w-md">
+      <div class="max-w-xl">
         <PrimeDemoForm />
       </div>
     </div>