Enhance --create-slice so that it automatically sets the slice name to avoid seeing <Index> in Vue Dev Tools

online · November 17, 2020, 7:57am

New slices created with $ prismic sm --create-slice show up as <Index> in Vue Dev Tools.
And the user needs to add name: "SliceName" within Index.vue to address this.

Since the --create-slice literally gathers the slice name as part of the process, the request is to improve the outputted template code so it auto sets a name based on the slice name provided.

See related question:

Phil · November 17, 2020, 12:03pm

Hey @online,

I brought this up with the team today and they're already working on updating this template in the CLI:

github.com

prismicio/prismic-cli/blob/mm/meta-2020/lib/commands/slicemachine/templates/nuxt/index.vue

<template>
  <section class="section">
    <prismic-rich-text :field="slice.primary.title" class="title" />
    <prismic-rich-text :field="slice.primary.description" />
  </section>
</template>
<script>
export default {
  props: {
    slice: {
      type: Object,
      required: true,
      default() {
        return {}
      }
    }
  },
}
</script>
<style scoped>

This file has been truncated. show original

Thanks.

online · November 17, 2020, 7:29pm

Awesome! Pass on big thanks to the team

Topic		Replies	Views
My slices show as <Index> in the Vue Inspector rather than a readable name. Why? How do I name them? Developing with Prismic	2	708	November 12, 2020
SliceName in in index.js is not the same as name given in CLI Developing with Prismic	3	592	March 5, 2021
Slice templates with slicemachine 1.0.0 Developing with Prismic slice-machine	2	411	April 27, 2023
Changing the name of a slice1, slice2 Developing with Prismic slice-machine	1	117	July 2, 2024
Prismic API references a `xyz_type` that could not be matched by the SliceZone. Did you register libraries path correctly? Developing with Prismic slice-machine	11	1919	September 9, 2020

Enhance --create-slice so that it automatically sets the slice name to avoid seeing <Index> in Vue Dev Tools

Related topics