@tailor-cms/tce-preview-runtime 2.0.0-beta.8 → 2.0.0

package/CHANGELOG.md

@@ -1,19 +1,12 @@
 # @tailor-cms/tce-preview-runtime
 
-## 2.0.0-beta.4
-
-### Patch Changes
-
-- Pass initConfig to initState.
-- Updated dependencies
-  - @tailor-cms/cek-common@2.0.0-beta.4
-
 ## 2.0.0
 
 ### Major Changes
 
-- Vuetify 4 migration with vite-plugin-vuetify.
+- Uses `vite-plugin-vuetify` for Vuetify tree-shaking in the preview shell.
 - ThemeDialog integration for edit and display panels.
+- Propagates `initConfig` through edit and display panels.
 
 ### Patch Changes
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@tailor-cms/tce-preview-runtime",
   "description": "Preview content element client side runtime",
   "author": "Studion <info@gostudion.com>",
-  "version": "2.0.0-beta.8",
+  "version": "2.0.0",
   "type": "module",
   "dependencies": {
     "@mdi/font": "^7.4.47",
@@ -14,16 +14,16 @@
     "split.js": "^1.6.5",
     "stringify-object": "^6.0.0",
     "typescript": "^6.0.3",
-    "vite": "^8.0.8",
+    "vite": "^8.0.10",
     "vite-plugin-vuetify": "^2.1.3",
-    "vue": "^3.5.32",
-    "vuetify": "^4.0.5",
-    "@tailor-cms/cek-common": "^2.0.0-beta.8"
+    "vue": "^3.5.33",
+    "vuetify": "^4.0.6",
+    "@tailor-cms/cek-common": "^2.0.0"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
     "@types/stringify-object": "^4.0.5",
-    "@tailor-cms/eslint-config": "^2.0.0-beta.8"
+    "@tailor-cms/eslint-config": "^2.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/App.vue

@@ -1,3 +1,16 @@
+<template>
+  <VApp>
+    <AppBar />
+    <MainLayout
+      :element="element"
+      :user-state="userState"
+      class="mt-14"
+      @reset-element="element && resetElement(element)"
+      @reset-state="element && api.resetState(element.uid)"
+    />
+  </VApp>
+</template>
+
 <script setup lang="ts">
 import {
   getApiClient,
@@ -33,9 +46,9 @@ async function load(id: string): Promise<any> {
   }
 }
 
-async function resetElement(id: string) {
-  await api.resetState(id);
-  return api.resetElement(id);
+async function resetElement(element: Element) {
+  await api.resetState(element.uid);
+  return api.resetElement(element.uid, { isGradable: element.data.isGradable });
 }
 
 onMounted(async () => {
@@ -49,19 +62,6 @@ onMounted(async () => {
 });
 </script>
 
-<template>
-  <VApp>
-    <AppBar />
-    <MainLayout
-      :element="element"
-      :user-state="userState"
-      class="mt-14"
-      @reset-element="element && resetElement(element.uid)"
-      @reset-state="element && api.resetState(element.uid)"
-    />
-  </VApp>
-</template>
-
 <style>
 body {
   --nav-height: 4.2rem;

package/src/main.ts

@@ -1,5 +1,6 @@
 import '@mdi/font/css/materialdesignicons.css';
 import 'vuetify/styles';
+import './reset.css';
 
 import { createApp } from 'vue';
 import { createVuetify } from 'vuetify';

package/src/reset.css

@@ -0,0 +1,8 @@
+/* Vuetify 4's reset no longer zeroes browser-default margins on typographic
+   elements (h1-h6, p). Authored HTML rendered inside content elements relies
+   on that baseline. Re-augment Vuetify's reset layer to restore it. */
+@layer vuetify-core.reset {
+  h1, h2, h3, h4, h5, h6, p, blockquote, figure {
+    margin: 0;
+  }
+}