refactor: 将各个界面的notfound提示提取为单独的组件NotFoundResult

app/pages/products/[...slug].vue

@@ -67,20 +67,12 @@
       </div>
       <!-- 未找到产品 -->
       <div v-else class="not-found">
-        <el-result
-          icon="warning"
+        <not-found-result
           :title="$t('product-not-found')"
           :sub-title="$t('product-not-found-desc')"
-        >
-          <template #extra>
-            <el-button
-              type="primary"
-              @click="$router.push($localePath('/products'))"
-            >
-              {{ $t('back-to-products') }}
-            </el-button>
-          </template>
-        </el-result>
+          :back-text="$t('back-to-products')"
+          :on-back="() => $router.push($localePath('/products'))"
+        />
       </div>
     </div>
     <div v-else class="loading">