I'd like to make a component reusable whether it is a standard component with a datasource item specified, or on a partial design with no datasource and so it should fall back to using the routeData fields. I was thinking something like this but the syntax isn't right:

export default {
  name: 'Hero-Test',
  components: {
    ScImage: Image,
    ScText: Text,
  data() {
    if (this.$props && this.$props.fields) {
      return {};
    return {
      fields: this.$jss.routeData(),
  methods: {},
  props: {
    fields: {
      type: Object,
      default: () => ({}),


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.