fix: check template even if no data function

Author: elevatebart

package.json

@@ -15,38 +15,38 @@
     "cy": "cypress open --e2e"
   },
   "dependencies": {
-    "@vue/compiler-core": "^3.2.45",
-    "@vue/compiler-sfc": "^3.2.45",
-    "acorn": "^8.8.1",
+    "@vue/compiler-core": "^3.2.47",
+    "@vue/compiler-sfc": "^3.2.47",
+    "acorn": "^8.8.2",
     "acorn-walk": "^8.2.0",
-    "core-js": "^3.26.1",
+    "core-js": "^3.29.0",
     "debounce": "^1.2.1",
     "hash-sum": "^2.0.0",
     "prismjs": "^1.29.0",
-    "vue-inbrowser-compiler-sucrase": "^4.56.6",
+    "vue-inbrowser-compiler-sucrase": "^4.60.0",
     "vue-prism-editor": "^2.0.0-alpha.2"
   },
   "devDependencies": {
-    "@babel/runtime": "^7.20.1",
+    "@babel/runtime": "^7.21.0",
     "@types/debounce": "^1.2.1",
     "@types/hash-sum": "^1.0.0",
-    "@types/jsdom": "^20.0.1",
-    "@types/node": "^18.11.9",
+    "@types/jsdom": "^21.1.0",
+    "@types/node": "^18.14.6",
     "@types/prismjs": "^1.26.0",
     "@uivjs/vue-github-corners": "^1.0.1",
-    "@vitejs/plugin-vue": "^3.2.0",
+    "@vitejs/plugin-vue": "^4.0.0",
     "@vue/tsconfig": "^0.1.3",
     "autoprefixer": "^10.4.13",
-    "cypress": "^11.0.1",
-    "prettier": "2.7.1",
-    "start-server-and-test": "^1.14.0",
-    "typescript": "^4.8.4",
+    "cypress": "^12.7.0",
+    "prettier": "2.8.4",
+    "start-server-and-test": "^2.0.0",
+    "typescript": "^4.9.5",
     "validate-commit-msg": "^1.1.3",
-    "vite": "^3.2.3",
-    "vitest": "^0.25.1",
-    "vue": "^3.2.45",
+    "vite": "^4.1.4",
+    "vitest": "^0.29.2",
+    "vue": "^3.2.47",
     "vue-github-corners": "^1.2.3",
-    "vue-tsc": "^1.0.9",
+    "vue-tsc": "^1.2.0",
     "vue3-datepicker": "^0.3.4"
   },
   "peerDependencies": {

src/Preview.vue

@@ -100,6 +100,7 @@ export default defineComponent({
 		},
 	},
 	created() {
+		console.log(this.requiresPlusVue)
 		this.renderComponent(this.code.trim());
 	},
 	destroyed() {
@@ -176,6 +177,7 @@ export default defineComponent({
 						await Promise.allSettled(Object.keys(this.requiresPlusVue).map(async (key) => {
 							requires[key] = this.requiresPlusVue[key] instanceof Promise ? (await this.requiresPlusVue[key]).default : this.requiresPlusVue[key]
 						}))
+						console.log({ requires })
 						options = defineComponent((evalInContext(
 							script,
 							(filepath) => requireAtRuntime(requires, filepath),
@@ -214,11 +216,11 @@ export default defineComponent({
 					}
 				}
 				const template = renderedComponent.raw.template
-				if (template && typeof options.data === "function") {
+				if (template) {
 					checkTemplate({
-							...(options as any),
-							template,
-						},
+						...(options as any),
+						template,
+					},
 						this.checkVariableAvailability
 					);
 				}

src/utils/checkTemplate.ts

@@ -15,7 +15,7 @@ interface Options {
   computed?: Record<string, any>;
   methods?: Record<string, any>;
   attrAllowList?: string[];
-	setup?: () => (Record<string, any> | void)
+  setup?: () => Record<string, any> | void;
 }
 
 export default function (
@@ -42,23 +42,28 @@ export default function (
       : Object.keys($options.props)
     : [];
 
-  const dataArray =
-    typeof $options.data === "function" ? Object.keys($options.data()) : [];
+  const dataArray = $options.data
+    ? typeof $options.data === "function"
+      ? Object.keys($options.data())
+      : Object.keys($options.data)
+    : [];
 
   const computedArray = $options.computed ? Object.keys($options.computed) : [];
 
   const methodsArray =
     $options && $options.methods ? Object.keys($options.methods) : [];
-	
-	const setupOutput =
-    $options && typeof $options.setup === 'function' ? Object.keys($options.setup() ?? {}) : [];
+
+  const setupOutput =
+    $options && typeof $options.setup === "function"
+      ? Object.keys($options.setup() ?? {})
+      : [];
 
   const scriptVars = [
     ...propNamesArray,
     ...dataArray,
     ...computedArray,
     ...methodsArray,
-		...setupOutput
+    ...setupOutput,
   ];
 
   // Define list of attributes for which name check will be skipped. Defaults to known camelCased SVG attributes.