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 that you have read and understand our privacy policy and code of conduct.

Browse other questions tagged or ask your own question.